This topic has 11 replies, 2 voices, and was last updated 8 years by Radu.

  • Author
  • #113545
     greenscotland
    Participant

    Hi,

    I would like to know how to alter the font colour of the top menu. The hover colour is OK, but I can´t work out how to alter the main font colour of the top menu. At the moment the colour is too dark and not easy to see. I would like to make it white.

    Many thanks,

    Adam

    #113624
     Radu
    Moderator

    Hi,

    Please provide a link where the top bar appears, i’ve browser your site and i cannot see it.

    Cheers

    RAdu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #113705
     greenscotland
    Participant

    Hi Radu,
    Thanks for getting back to me.
    My top bar has got the login/login/live notifications/my account links in it. Until you are logged in you can only see a login/join button. Once logged in you see the text that I was referring to previously.
    Regards,
    Adam

    #113857
     Radu
    Moderator

    If you want to take a look at that font color, please proivde an account.

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #113945
     greenscotland
    Participant
    This reply has been set as private.
    #114103
     Radu
    Moderator

    Hi,

    This is the css

    COPY CODE
    
    .header-color .top-menu li > a, .header-color #top-social li a {
        color: #ddd !important;
    }

    You can add this to wp-admin -> theme options -> general settings -> quick css

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #114336
     greenscotland
    Participant

    Hi, I added the code and the font color still looks a duller color. Is there some other setting that is making the “logout” and “live notifications” appear darker? Thanks, Adam

    #114465
     Radu
    Moderator

    Hi,

    Apply these styles

    COPY CODE
    .header-color .top-menu li > a, .header-color #top-social li a {
        color: #fff !important;
    }

    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #114561
     greenscotland
    Participant

    Hi Radu, I had added that exact code before with the font color set up for white, but as you will see the “logout” and “live notifications” texts appear darker/duller. Please advise. Adam

    #114670
     Radu
    Moderator

    Hi,

    Please paste the css from here : http://pastebin.com/raw/ZBSwj7JY aand paste it instead of before css, i see in the source code of page

    .header-color .top-menu li &gt a, .header-color #top-social li a { color: #fff !important; }

    Which are not ok it shows &gt instead >

    Let me know

    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #114698
     greenscotland
    Participant

    Hi Radu,
    Thanks for that advice and sorry for pasting the incorrect code before. Now it is all fine.
    Much appreciated!
    Kind regards,
    Adam

    #114822
     Radu
    Moderator

    Great

    You’re welcome

    Have a nice week

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 12 posts - 1 through 12 (of 12 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?