Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 7, 2013 at 4:47 am #185475
    ErikManger

    How do I edit the font style of the top navigation?

    November 7, 2013 at 3:21 pm #185630
    Yigit

    Hi ErikManger!

    You can target following class to make changes on main menu

    .main_menu ul:first-child > li > a {  }

    Cheers!
    Yigit

    November 7, 2013 at 3:23 pm #185633
    ErikManger

    Hi,

    What CSS do I edit?

    November 7, 2013 at 3:25 pm #185635
    ErikManger

    Nevermind, that led me to change the font SIZE – I want to change the STYLE

    November 7, 2013 at 3:25 pm #185636
    Yigit

    Hi!

    What exactly would you like to change? Font size, font family, color?

    Regards,
    Yigit

    November 7, 2013 at 3:43 pm #185646
    ErikManger

    Font family.

    November 7, 2013 at 3:52 pm #185649
    Yigit

    Hi!

    You can add following code Quick CSS in Enfold theme options under Styling tab and change it to the font family you would like to use

    .main_menu ul:first-child > li > a { font-family: 'Oswald', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

    Cheers!
    Yigit

    November 7, 2013 at 4:02 pm #185659
    ErikManger

    Hi,

    I did this – it worked, but it did not solve my problem.

    http://puu.sh/5bhxK.png

    Notice how the “i” is displaying as “l” – how do I fix this?

    November 8, 2013 at 2:52 pm #186136
    Yigit

    Hi!

    Please try deactivating all active plugins and check if issue remains.

    Best regards,
    Yigit

    March 17, 2014 at 6:49 pm #238907
    Phil

    I tried the code .main_menu ul:first-child > li > a { font-size: 18px;} to make changes to the size of the navigation. Nothing changed any suggestions?

    March 17, 2014 at 6:51 pm #238909
    Yigit

    Hey!

    Have you tried flushing browser cache after applying the code and refreshing your page a few times? If still does not work, please post the link to your website so we can take a look

    Cheers!
    Yigit

    March 17, 2014 at 6:55 pm #238911
    Phil

    http://shocktp.com/ I did flush out the cache and I went to another browser just to see, still to no avail.

    March 17, 2014 at 6:57 pm #238913
    Yigit

    Hi!

    Please use following code instead

    .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a { font-size: 18px; }

    Best regards,
    Yigit

    March 17, 2014 at 7:08 pm #238923
    Phil

    Awesome that worked!! Thank you!!

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Enfold Top Navigation Font Change’ is closed to new replies.