- This topic has 9 replies, 3 voices, and was last updated 5 years, 3 months ago by
Support Team.
- AuthorPosts
- January 16, 2018 at 8:54 pm #3889
laurenc
ParticipantHi,
I was wondering if its possible to change the accent colour (default is red) to a different colour? If so, how do I do this? I am specifically referring to the menu icon, the scroll arrows/dots on the slider, the hover colour of text, etc. on the home page.
Thanks!
LaurenJanuary 17, 2018 at 4:57 am #3900Support Team
KeymasterHello @laurenc,
The theme itself does not have the option to change the color of different parts of the theme.
However, the color can be changed through the use of custom CSS. Go to Admin Panel > Appearance > Customize > Additional CSS and paste the CSS.
Color of active pager .featured-slider .travel-banner.slick-slider .slick-dots li.slick-active button:before { color: #3148f8; } Color of the inactive pager .featured-slider .travel-banner.slick-slider .slick-dots li button:before { color: #313ff8; } Color of the arrow .featured-slider .slick-prev:hover::before, .featured-slider .slick-next:hover::before { background: #3514df !important; } .featured-slider .travel-banner.slick-slider .slick-next:before, .featured-slider .travel-banner.slick-slider .slick-prev:before { background: #5131f8; } Color of Scroll to top #return-to-top { background: #1b2384; } Main Nav Hover color .main-navigation li > a:hover { color: #3631f8; }
Here you can change the color code as per your requirement. Also just add the CSS code only not the text.
Hope this helps.
Best Regards!!
January 30, 2018 at 4:21 am #4311sumitkumarsid@gmail.com
ParticipantHi,
Support Team,As per your instruction ,I have added the css but still the red color is visible in sub-menu hover,Search button and hover,Post Title Color,Thick Red line just above the footer etc.
I want to change the red color completely to different color.
If possible please help me to add Top Itinerary Filter in page with Sidebar.
Passionately waiting for your reply .
Thanks in advance
January 30, 2018 at 9:32 am #4326Support Team
KeymasterHello @laurenc,
The color in the theme is section specific and you cannot change all the red color completely to different color at once. To change the colors you need to provide the CSS for each and every part which requires lots of custom CSS.
So if you want to change the default color of the theme you can always consider hiring the professional developer and to do so please follow below-given link:
http://wensolutions.com/hire-wordpress-customizer/
The itinerary filter is only available in the Archive( Trips Listing page).
But in case if you want to display the trips in particular page then you can use the shortcode and to know how to use the shortcode please refer to below link:
http://wptravel.io/documentations/user-documentation/shortcode/
But there will be no filter as in the archive page.
Hope this helps.
Best Regards!!
February 12, 2018 at 4:17 pm #4894sumitkumarsid@gmail.com
ParticipantI have try your given CSS as well as changed the color code in _variables.scss but still the color of sub-menu hover red color is not changed.
Please suggest some CSS or somthing.Thanks in advance.
February 13, 2018 at 1:08 pm #4903Support Team
KeymasterHello @sumitkumarsidgmail-com,
To change the color of different parts of the sub menu please paste below given CSS in Admin Panel > Appearance > Customize > Additional CSS.
To Change the color of the text of sub menu:
.main-navigation ul ul a { color: #196d8f; }
To change the hover color of the background of sub menu.
.main-navigation ul ul a:hover { background-color: #1a1a1a; }
To change the hover color of the text of sub menu
.main-navigation ul ul a:hover { color: #196d8f; }
You can change the color code as per your requirement.
Hope this helps.
Best Regard!!
February 14, 2018 at 11:07 am #4921sumitkumarsid@gmail.com
ParticipantThanks for the above CSS ,It was very helpful.
I have to ask one more thing-
How i can change the Post slider, Recommended Trip Slider and in footer Title/Text/Links on hover color from red to different one?
Thanks in Advance
February 14, 2018 at 11:42 am #4922Support Team
KeymasterHello @sumitkumarsidgmail-com,
Nice to know that your previous issue is resolved.
Now please add below given CSS to change the color according to your requirement.
Color of Post slider, Recommended Trip Slider title/text links:
Read more links:
.post-item-wrapper .post-content .read-more-link:hover { color: #5cc4ef; }
Title :
.post-item-wrapper:hover .post-content h4 { color: #26e0ea; }
Footer widget links:
Footer footer#footer a:hover{ color: #4267b2; } .widget ul li:before { color: #5cc4ef; }
Copyright section link:
footer#footer .travel-copyright a:hover { color: #4267b2; }
Hope this helps.
Best Regards!!
February 14, 2018 at 3:00 pm #4926laurenc
ParticipantCan the color of the text in single itineraries/trips (i.e. on each trip page, the ‘trip type’, ‘location’, and ‘activities’), and the hover colour for the book now button also be changed?
February 21, 2018 at 5:34 am #5032Support Team
KeymasterHello @laurenc,
As we have already mentioned in one of our replies to you, we will be including the feature of color in our premium version which is currently under development.
Thank you 🙂 .
If you have any other queries related to the theme then please let us know.
Best Regards!!
Have a good day.
- AuthorPosts
- The forum ‘Travel Log’ is closed to new topics and replies.