WordPress.org

Forums

Twenty Twelve
[resolved] Change mane menu font size (7 posts)

  1. sach
    Member
    Posted 2 years ago #

    Hi

    Can't finding out how to change mane menu font size.

    When I do change here: .main-navigation ul.nav-menu
    it makes no effect

    Help please

    Alex

  2. Andrew
    Nuh uh moderator
    Posted 2 years ago #

    Try using a browser developer tool for this kind of exploratory CSS work.
    I use Google Chrome's built-in Developer Tool and it's really easy to expose the webpage's underlying HTML and CSS.

    Now that you know the style, from being exposed by the Developer Tool, you can add a new style to override it.

    You ought to add new styles externally, not within the theme's files. Changes to the theme's files will compromise the theme and be compromised when the theme updates.

    External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

    I recommend using the Jetpack plugin and its Custom CSS functionality to hold your CSS modifications.

  3. sach
    Member
    Posted 2 years ago #

    Thank you Andrew for answer

    I'm using Espresso for this kind of exploratory CSS work, but some times use Developer Tools or FireBug, but no matter what element I did find with this tools and trying to change menu font size its did not work for me.

    But thanks for plugin suggestions its indeed better way to change CSS.

    ----------------------
    Best regards
    Alex
    [Signature removed by moderator per forum rules.]

  4. Andrew
    Nuh uh moderator
    Posted 2 years ago #

    Can you provide a link to the webpage with the issue?

  5. sach
    Member
    Posted 2 years ago #

  6. Andrew
    Nuh uh moderator
    Posted 2 years ago #

    Textual styles are usually applied to textual elements.
    I looked at the <a> element and was able to add CSS font-size styles
    [screenshot].

    Your browser developer tool (and that screenshot) should provide you with enough information to write your new style.

  7. sach
    Member
    Posted 2 years ago #

    Wow thank you very much, I did worked with .main-navigation li element and it did not work but .main-navigation a works nicely.

    Thank you again

    ----------------------
    Best regards
    Alex
    [Signature removed by moderator per forum rules.]

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic