Top bar links colour

Home Forums Jevelin Theme Top bar links colour

Home Forums Jevelin Theme Top bar links colour

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    RESOLVED Posts
  • MonologueHQ
    Participant

    Hi,

    I want the two links shown in the attached screenshot to show as white and orange on hover. But I can’t find the settings for this?

    Thanks.

    Attachments:
    You must be logged in to view attached files.

    Hi @MonologueHQ,

     

    I hope you are well today and thank you for your question.

     

    You can change it using the Yellow Pencil editor as described in the below page.

     

    https://support.shufflehound.com/how-to-change-almost-any-element/

     

    Best regards,
    Shufflehound team

    MonologueHQ
    Participant

    I’m using the header design no. 3, from Appearance > Theme Settings > Header. I don’t see an option to edit these using the Yellow Pencil editor?

    Attachments:
    You must be logged in to view attached files.

    Could you please share your site URL where it’s displaying so that I can help you to change its color?

    MonologueHQ
    Participant

    I’ve added the link the private content box.

    Solution for this topic

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #page-container .header-contacts a {
        color: #FFF;
    }
    
    #page-container .header-contacts a:hover {
        color: #e15c25;
    }

    MonologueHQ
    Participant

    Thanks for the code. But why is this not possible through the theme? Is it a bug? Seems like it should be a fairly simply customisation?

    MonologueHQ
    Participant

    Hi,

    The code hasn’t worked I’m afraid. The hover colour works but the static links are still the wrong colour (they should be white).

    Thanks.

    Attachments:
    You must be logged in to view attached files.

    The theme changes color of the Topbar text and this is not a text but a link.

     

    The above shared code is not working on your website because you have not used it as it is on your website.

     

    You have changed #FFF to #FFFFF which is incorrect.

     

    Please either use #FFF or #FFFFFF

    MonologueHQ
    Participant

    Thank you – that worked.

    You are most welcome here šŸ™‚

Viewing 11 posts - 1 through 11 (of 11 total)