Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #81145
    Invisible Cat
    Participant

    Hello again,

    Could I please have some help with some custom css for the menus in the Gridalicious theme. I want to have adjustment control of the primary and secondary menus. I would like code that allows me to adjust things like ‘font weight’, ‘text transform’, line height….additionally I would like control of heights and widths of the menu and menu item boxes all in one place so I can customize the look to my liking. Below is a code I had found in these forums for the catch evolution theme I was previously using. That is the sort of thing I’m looking for but in a way that works for Gridalicious. I’m really brand new with css so I would love some help please! Thanks a million! 🙂

    example code that I’d like converted and also include widths and heights as specified above:

    #nav-secondary ul.menu a { text-transform: none; }
    
    #nav-secondary ul.menu a { font-weight: normal; }
    
    #nav-secondary ul.menu a { line-height: 44px; padding:0px 12px 0px 12px; }
    
    #nav-primary ul li a { text-transform: none; }
    
    #nav-primary ul li a { font-weight: normal; }
    
    #nav-primary ul li a { line-height: 42px; padding:2px 12px 2px 12px; }
    #81188
    Mahesh
    Keymaster

    Hi @InvisibleFlame,

    Please add the following Custom CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box:

    .nav-secondary ul.menu a { 
        text-transform: uppercase;
        font-weight: bold;
        line-height: 44px; 
        padding:0px 12px 0px 12px;
        /* You may add more CSS rules like width, height etc here */
    }
    
    .nav-primary ul li a { 
        text-transform: uppercase; 
        font-weight: bold; 
        line-height: 42px; 
        padding:2px 12px 2px 12px; 
        /* You may add more CSS rules like width, height etc here */
    }

    Let me know if this helped with your issue.

    Regards,
    Mahesh

    #81233
    Invisible Cat
    Participant

    Thank you Mahesh! This is really helpful. 🙂

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Adjusting Menu text and and menu hight?’ is closed to new replies.