Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 14, 2015 at 10:40 pm #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; }
    December 15, 2015 at 10:03 am #81188
    Mahesh
    Participant

    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

    December 16, 2015 at 3:28 pm #81233
    Invisible Cat
    Participant

    Thank you Mahesh! This is really helpful. 🙂

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