Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 9, 2014 at 5:51 am #315620
    tonyska

    Hello! I have a few questions about stylizing a mega-menu. I am tinkering with a site right now, so everything is still fairly basic…here is my link:

    What I’d like to do:
    1. Remove the borders-right and border-left on nav menu
    2. Stylize the nav menu links so they are a different color
    3. Stylize the nav links so on hover their background color is the same as the mega menu
    4. Stylize the text in the mega menu (play with font size, text-transform, etc)

    If you just point me at the right CSS selectors I can take it from there…it is very hard to figure out which ones are which. Is there a simpler method for the finding the right selectors? If I knew how, I would definitely not need to ask so many questions…:)

    Thank you so much in advance.

    Tony

    • This topic was modified 10 years, 2 months ago by tonyska.
    September 12, 2014 at 6:31 am #317865
    Josue

    Hey Tony!

    Try adding this code to the Quick CSS:

    .html_header_top.html_bottom_nav_header .main_menu ul:first-child > li > a {
    border: 0 !important;
    color: white !important;
}

.html_header_top.html_bottom_nav_header .main_menu ul:first-child > li:hover > a {
    background: white !important;
    color: #005ca9 !important;
}

    Make sure the ‘greater than’ sign are pasted correctly.

    Cheers! 
    Josue

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.