Navigation
Archive / How to fade in content on divs in tabs on load?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 7, 2016 at 6:13 pm #872046
    nickharambee
    Participant

    Hi,

    I’d like to be able to fade in the divs of each tab on this page as I select the tab:

    Foundation

    How would I go about doing this?

    Thanks,

    Nick

    April 7, 2016 at 6:24 pm #872055
    nickharambee
    Participant

    Oh, and while I’m at it, how to change the colour of the tab navigation panels on hover?

    Thanks,

    Nick

    April 8, 2016 at 7:08 am #872684
    Paul R
    Moderator

    Hi Nick,

    You can add this under Custom > CSS in the Customizer.

    
/* tab color on hover */
.x-nav-tabs>li>a:hover {
    background-color: red;
}
/* default background color */
.x-nav-tabs>li>a {
    background-color: blue;
}

    Change red and blue with the color that you like

    Hope that helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-872046 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>