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)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form