• Creator
    Topic
  • #21193

    JS
    Spectator

    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: 3230
    #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
    #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
    #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: 3230
    #21258 |

    Hi,

    Please try the following.

    Thanks!

    JS
    Spectator
    Post count: 27
    #21263 |

    Thank you, Denzel. This worked!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘How to change the color of the alora: Tabs widget?’ is closed to new replies.