Customize hover text colour for slider only

Support
#1

Hi. I’ve set my website links to change colour to red on hover.

I’m wondering if I can customize the hover colour on links only on my slider. If you see the pix attached, the text becomes red when I hover on it. I want to set the colour to something else. But I only want this setting for my slider posts and maintain the red hover for everything else on the site.

How can I do this?

#2

Hello @juanajaafar,

Thanks for posting in!

To resolve your issue, you will need custom css to accomplish this. Please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.site .flex-control-nav a {
    background-color: green !important;
}

.site .flex-control-nav a:hover,
.site .flex-control-nav a.flex-active {
    background-color: yellow !important;
}

I have used green and yellow so that the change will be noticeable. Feel free to change it to your desired color.

#3

Hi there. Not the navigation but the title text.

In the pix attached, you see the title ‘Al-kisah panjang LGBT dan triniti di Shah Alam’ turn red on hover. I don’t want it to turn red, I want to set it to another colour. And I want this setting to apply only in the slider and nowhere else on the website where there’s a live link.

#4

Hello Juana,

This should do it:

.home .x-flexslider ul li h3 a:hover {
    color: #000;
}

Here are some related links for further reading:

Hope this helps.

#5

Hi. Thanx, that worked. But only for 1 slider.

If you check out my home page, I have 2 sliders. The second one (Section: Podcast) is still red on hover. How do I change this?

#6

Hi There,

Please update the previous CSS to this:

.home .x-flexslider ul li a:hover {
    color: #000;
}

Let us know how it goes!

#7

This works. Thanx so much!

#8

You are most welcome. :slight_smile:

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.