Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #766826
    [email protected]
    Participant

    Hi guys,

    I need to add an active state color to a menu I have made using Custom Headlines, but I do not know HTML or CSS well enough at this point to do it. Client has requested an active state, and I myself would love to know how to do it.

    I tried to give it it’s own class, but when I get to Customizer I realize I don’t know what the correct CSS is for it.

    (Menu bar that starts with General info)

    http://dev.hatfield.co.za.www54.jnb2.host-h.net/general-info/

    Please can you help 🙂
    C

    #766835
    [email protected]
    Participant
    #766841
    [email protected]
    Participant

    I( keep trying to paste my URL here but it disappears in a big white block?

    // http://dev.hatfield.co.za.www54.jnb2.host-h.net/general-info/ //

    #767109
    Thai
    Moderator

    Hi There,

    Please try with this CSS:

    .h-custom-headline a:active {
        color: #f00 !important;
    }

    Hope it helps 🙂

    #767123
    [email protected]
    Participant
    This reply has been marked as private.
    #767141
    [email protected]
    Participant

    Also, (if possible) could you please try figure out why the small rev slider on the Home page in section 1 won’t loop? I have tried everything!

    Thanks so much,
    C

    #767720
    Friech
    Moderator

    Hi There,

    Please add a class to the GENERAL INFO links and update the code above to this.

    .page-id-299 .myclass span a {
        color: #f00 !important;
    }

    Where .myclass is the class that you assign on the headline.

    Hope it helps, Cheers!

    #768393
    [email protected]
    Participant

    I have found a way to do it manually, thanks!

    Was there anything else you changed? Everytime I click on one of those links now it gets this thick red outline for a second? There’s nothing I can see in Customizer that is doing it?

    Thanks,
    C

    #768443
    Paul R
    Moderator

    Hi,

    I am not getting an outline on my end.

    Can you provide us a screenshot of the outline you are referring to.

    You can try adding outline:none; to your links.

    eg.

    
    <a href="http://dev.hatfield.co.za.www54.jnb2.host-h.net/general-info/" style="color: #225481;outline:none;">GENERAL INFO</a>
    

    Hope that helps

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