[lukazj]

Hello,

I would like to change the red of the buttons (slider next/prev, book now etc.), and the red highlighting for current page to a different colour. Can I do this with additional CSS? or should I make a child theme?

Thank you for your work!

[Support Team]

Hello @lukazj,

You can change the color with the custom CSS using additional CSS.

Now to change the color of the section as you have mentioned, please use below given 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 on the slider
.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 active page 
.main-navigation li.current-menu-item > a, .main-navigation li.current_page_item > a{
    color: #4267b2;
}
Color of book now button
 button{
    background: #4267b2;
    }

Here you can change the color code as per your requirement.

Also, please paste the code only not the text.

Hope this helps.

Best Regards!!

[forgottencnz]

Hi,
Thank you for your answer to lukazj question. I have similar request to change every red element to another color. Answer you provided doesn’t include some elements. Could you give me code to change every red element to another color?
Thank you for your time

[Support Team]

Hello @forgottencnz,

Actually, there are lots of red elements in the theme so to provide the CSS for each and every element requires a lot of custom CSS.

So, we are planning to release the pro version of the theme including Color feature so that you will be able to change the color from customizer itsef but for that you need to wait a little longer as it is under development phase.

But in case if there are some parts which needs be changed or say its important then please provide the screenshot of the section so that we can provide the CSS as a quick fix.

Hoping for the co-operation.

Thank you.

Best Regards!!

Have a good day 🙂 .

[Author]

Posts