[laurenc]

Hi,
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!
Lauren

[Support Team]

Hello @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!!

[sumitkumarsid@gmail.com]

Hi,
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

[Support Team]

Hello @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!!

[sumitkumarsid@gmail.com]

I 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.

[Support Team]

Hello @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!!

[sumitkumarsid@gmail.com]

Thanks 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

[Support Team]

Hello @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!!

[laurenc]

Can 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?

[Support Team]

Hello @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.

[Author]

Posts