Changing fonts type and size in WP default theme

  • I’m new to WP and I want to understand if it’s possible to change Nav Menu fonts type and size within a WP options panel or if I have to change the code.

    If I can only modify the CSS file, please tell me exactly where to make changes.

    I also would be happy to have a wider body, although the CSS says 1000px, on my full HD display actually the body seems about 1/3 of the screen…

    Thanks in advance for your help!

Viewing 12 replies - 1 through 12 (of 12 total)

  • for formatting questions, please post a link to your site.

    Thread Starter JustCurious

    (@justcurious)

    I’m using WP locally with XAMPP.

    Need only to know how to change font family and size within Twenty Eleven 1.2 template.

    Default font is too big for my navigation menu.

    Thanks

    for these kind of changes, please use a tool such as Firebug or firefox web developer add-on to find the css selectors.

    the nav menu is styled in the #access styles from line 537 in style.css;
    you might be able to add a new font-size to the existing style of #access a { ... }

    —-
    please consider to create a child theme to make the edits in there.
    it is not recommended to edit Twenty Eleven directly, as it is important to have an unedited default theme in case of problems.
    a child theme also helps to keep any customisations during an upgrade of the wordpress version.

    Thread Starter JustCurious

    (@justcurious)

    Thanks, I’m toying with style.css……….
    But which is the exact part to be modified in order to have the template wider?

    ??

    Try using Firefox with the Firebug add-on for this kind of work.
    https://getfirebug.com/

    Thread Starter JustCurious

    (@justcurious)

    I have it, but I can’t find the main instruction for width.

    I found this:

    #page {
	margin: 2em auto;
	max-width: 1000px;

}

    and this:

    /* One column */
.one-column #page {
	max-width: 690px;
}

    It’s the last one?

    Is this a child theme?

    Thread Starter JustCurious

    (@justcurious)

    Yes.
    I created Child Theme following Codex instructions and at first everything was OK, but after defining Menu components in the original Theme, I can’t see Child correctly anymore: it’s plain test with no CSS.

    Perhaps the original theme is not child-theme-ready?

    Most of the changes can be done by modifying the CSS of the template. If you have some coding experience, you can surely do it yourself.

    Thread Starter JustCurious

    (@justcurious)

    What do you mean with “child-theme-ready”?
    I’m using default Twenty Eleven 1.2 WP theme.

    #page controls the overall width.

    Twentyeleven is flexible width. Meaning it will be whatever width your screen is (with 2em padding on each side, as set in the body rules)

    So changing the #page max width rule to something bigger will allow for the theme to grow larger.

    https://vudu.me/s6 specific info about twentyeleven and messing with fonts
    https://vudu.me/oy And some info about 2011 width

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Changing fonts type and size in WP default theme’ is closed to new replies.