How to style primary nav and header right differently?

Community Forums Forums General Discussion How to style primary nav and header right differently?

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  emasai 9 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #96107

    dekraan
    Member
    Post count: 14

    Hi there,

    I’m using the primary navigation menu and added another menu through the header right widget.

    They are now styled exactally the same, but I would like to change the font-size and the a and a hover color for the header widget menu.

    Does anyone know how to do this?

    #96117

    emasai
    Participant
    Post count: 790

    Yes, give them custom classes.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    #96130

    dekraan
    Member
    Post count: 14

    I will try doing that :-)

    But i might lack the skill to do so. Can you give me a clue on how to do this?

    #96140

    dekraan
    Member
    Post count: 14

    Hello Emasai,

    Maybe I should have told you, I am anything but a professional at this designing game. What I now did was add the following code:

    .site-header .widget-area a {
    color: #000 !important;
    }
    

    And it seems to work. But I am worried this code alters anything I do not want. Is this a good solution?

    #96153

    emasai
    Participant
    Post count: 790

    That should work because you are targeting only the a tags in a widget area in the site header.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

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

You must be logged in to reply to this topic.