Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 9, 2013 at 9:42 am #172925
    turner2f

    How do we successfully input CSS into a Menu’s “CSS Classes (optional)” textfield?

    1) We created a CSS code within the “Quick CSS” part of the admin area…

    .secondarytoplinks {
color: #CC0000; 
font-family:Arial, Helvetica, sans-serif
}

    2) Then we went to the Menu tab, selected our menu and then inserted ” secondarytoplinks ” where it says. “CSS Classes (optional)” for that particular page

    Nothing happened concerning our link.

    =====================================

    What did we do wrong?

    Please give us STEPS on the proper way to use the a Menu’s “CSS Classes (optional)” textfield .

    Thanks in advance.

    • This topic was modified 11 years, 1 month ago by turner2f.
    October 9, 2013 at 9:56 am #172928
    turner2f

    A more specific way to ask this is….

    How do we get the VERY TOP links to be underlined and in orange ?

    NOTE: We are using the ” Header with Social Icons and Bottom ” header type.

    October 9, 2013 at 3:13 pm #173057
    Yigit

    Hello!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #top .main_menu .menu li>a:hover { border-bottom: 2px solid orange; }
span.avia-menu-fx { display: none; }

    Cheers!
    Yigit

    October 10, 2013 at 3:48 am #173364
    turner2f
    This reply has been marked as private.
    October 10, 2013 at 1:51 pm #173573
    Yigit

    Hey!

    Please add this code instead 

    .sub_menu a:hover { color: orange!important; }

    Best regards,
    Yigit

    October 12, 2013 at 6:18 am #174472
    turner2f
    This reply has been marked as private.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to work with a Menu's "CSS Classes (optional)" textfield’ is closed to new replies.