Topic Resolution: Resolved
  • Creator
    Topic
  • #21193

    JS
    Spectator
    Been thanked: 0 times

    Hello, I’d like to change the hover/selection and non-hover color of the alora: Tabs widget tabs (#tab-popular, #tab-recent, and #tab-comments). Is there a way to do this using Custom CSS?

    Please see footer of the following page: http://9e8.470.myftpupload.com/.

    Many thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
Replies
  • Denzel Chia
    Moderator
    Post count: 3211
    Been thanked: 128 times
    #21227 |

    Hi,

    Please try the following.

    Change the red and yellow to the color hex code that you need.

    Thanks!

    JS
    Spectator
    Post count: 27
    Been thanked: 0 times
    #21237 |

    Hi Denzel, thank you for your quick response. Using this code resets all tab colors to the same color specified by this portion of the code you suggested, regardless of whether a tab is selected or not:

    #tabs a {
    background: yellow none repeat scroll 0 0 !important;
    }

    In my case, this portion of the code doesn’t affect the hover/selection color at all:

    #tabs a:hover {
    background: red none repeat scroll 0 0 !important;
    }

    Is there something else we could try?

    Many thanks!

    JS
    Spectator
    Post count: 27
    Been thanked: 0 times
    #21238 |

    Sorry, I misspoke. I accidentally copied some extra lines, which screwed things up.

    The code you suggest is actually very close. The hover background color works great. Once I select a tab, I’d like the background color to change to the same as the background hover color. Currently, after selecting a tab, it reverts to the non-hover background color.

    Are there other tweaks that can correct this?

    Thank you 🙂

    Denzel Chia
    Moderator
    Post count: 3211
    Been thanked: 128 times
    #21258 |

    Hi,

    Please try the following.

    Thanks!

    JS
    Spectator
    Post count: 27
    Been thanked: 0 times
    #21263 |

    Thank you, Denzel. This worked!

Viewing 5 replies - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.