Topic Resolution: Resolved
  • Closed
  • JS
    Spectator
    October 6, 2015 at 4:10 am #21193

    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!

    Denzel Chia
    Moderator
    Posts: 2656
    October 6, 2015 at 11:53 am #21227

    Hi,

    Please try the following.

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

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

    Thanks!

    JS
    Spectator
    Posts: 27
    October 6, 2015 at 5:32 pm #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
    Posts: 27
    October 6, 2015 at 5:38 pm #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
    Posts: 2656
    October 7, 2015 at 11:00 am #21258

    Hi,

    Please try the following.

    #tabs .active a{
    background:#367587 !important;
    }

    Thanks!

    JS
    Spectator
    Posts: 27
    October 7, 2015 at 5:24 pm #21263

    Thank you, Denzel. This worked!