WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. stan pauler
    Member
    Posted 7 months 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 7 months 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
    Volunteer Moderator
    Posted 7 months 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
    Volunteer Moderator
    Posted 7 months 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 7 months ago #

    thats true and expected change as well

  6. stan pauler
    Member
    Posted 7 months 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
    Volunteer Moderator
    Posted 7 months 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 7 months 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
    Volunteer Moderator
    Posted 7 months ago #

    Try this for those:

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

    THANKS SIR

  11. WPyogi
    Volunteer Moderator
    Posted 7 months ago #

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

Reply

You must log in to post.

About this Topic