WordPress.org

Forums

[resolved] how to change the letters in main menu bar 20-12 (11 posts)

  1. stan pauler
    Member
    Posted 1 year ago #

    Hi guys.Can you please tell me what to change in my css manager to Edit the letters of main menu bar.I want make them bigger.tnx. http://www.truthinsideofyou.org

  2. shamratdewan
    Member
    Posted 1 year ago #

    in this class (search for) ".main-navigation li" replace 1.428 in "line-height: 1.42857;" with something else you like that would fix.

  3. WPyogi
    Forum Moderator
    Posted 1 year ago #

    @shamratdewan - please do not suggest that people modify theme files as those changes will be lost when the theme (or WP in this case) is updated.

    In this case, CSS should be ADDED to custom CSS to make the changes.

  4. WPyogi
    Forum Moderator
    Posted 1 year ago #

    @stan pauler - try adding this to your custom CSS - and change the font size to what you like:

    .main-navigation li {
        font-size: 0.857143rem;
    }
  5. shamratdewan
    Member
    Posted 1 year ago #

    thats true and expected change as well

  6. stan pauler
    Member
    Posted 1 year ago #

    its ok... for the sub menu items on the same bar? how i change them? Thanks a lot for help... w8ing for your answer!

  7. WPyogi
    Forum Moderator
    Posted 1 year ago #

    Looks like you have a bunch of other code in your custom CSS file:

    .main-navigation li a:hover,
    .main-navigation li ul li a:hover {
     color: #c5f5ff;
     background: #000000;
    }
    .main-navigation li ul li a {
     background: #000000;
    }
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/el_GR/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    .main-navigation li {
        font-size: 2 rem;
    }

    You can't put anything except CSS in a CSS file - so take all that out.

  8. stan pauler
    Member
    Posted 1 year ago #

    its ok... for the sub menu items on the same bar? how i change them? Thanks a lot for help... w8ing for your answer!

  9. WPyogi
    Forum Moderator
    Posted 1 year ago #

    Try this for those:

    .main-navigation li ul li a {
        font-size: 2rem;
    }
  10. stan pauler
    Member
    Posted 1 year ago #

    THANKS SIR

  11. WPyogi
    Forum Moderator
    Posted 1 year ago #

    You're welcome -- and BTW, I'm female :)!

Topic Closed

This topic has been closed to new replies.

About this Topic