• I would like to change the font size (and possibly color0 of the Home page menu items along with the font size of Post’s Title and Body. It is entirely too small and light in color.

Viewing 11 replies - 1 through 11 (of 11 total)
  • .

    (@techievous)

    By “Home page menu items”, do you mean the main navigation? If so, this should work:

    For main menu item:

    #header .header-links li a {
    font-size: 14px; /* Main menu font size */
    font-weight: bold; /* main menu font weight: light, normal, bold (for advanced usage you can use values from 100 to 900 in place of the text) */
    }

    For post title:

    .blog-title a {
    font-size: 28px /* post title font size */
    color: #000; /* post title font color */
    }

    For post paragraph:

    .entry-content p {
    font-size: 14px; /* post paragraph font size */
    color: #000; /* post paragraph font color */
    }

    You can use colorpicker.com to pick the colors.

    Thread Starter KacheByrd

    (@kachebyrd)

    thank you! would I place the codes in the style.css stylesheet?

    .

    (@techievous)

    You can create a child theme and place the code at the bottom of the style.css of the child theme. Instruction here: https://codex.www.ads-software.com/Child_Themes

    If that sounds too troublesome, you can use plugins like Jetpack or Simple Custom CSS.

    • Jetpack has many features; custom CSS is only one of them. After installing and connecting it to your WordPress.com account, you need to activate the Custom CSS module in Jetpack settings to access the extra option in Appearance –> Edit CSS. Copy-paste my code in there.
    • Simple Custom CSS is just that: simple. After installing, you’ll see the custom css area in Appearance –> Custom CSS. Simply copy-paste my code in there.

    Could you do the same for pages

    what would be the code?

    managed to change the text on all pages using the following code incase anybody needs it in the future

    #content {
    font-size:12px;
    color:#333333;
    }

    I have done as you suggest, Techievous (activated the CSS Editor via Jetpack and copied your code for main menu navigation above, and did a little research on HTML/CSS so I have a slightly better understanding of the relationships), but I can’t seem to get the results I’m after.

    I would like to:
    – decrease the font size of the title in each slider photo
    – increase the font size of the main nav bar menu (Pre-header menu)
    – delete the nav bar that appears autonatically on each page (can’t seem to isolate how to do this in Appearance/Menu Settings)

    Many thanks for your support,
    Julia

    Addendum: I have installed the Plugin Easy Google Fonts, which is helpful, but I can’t tell what Heading the title on the slide photo is, or the main nav bar men, in order to make changes without using code.

    I cannot believe I actually figured out the first question (decreasing font size of title in slider) by myself – talk about feeling empowered! Would appreciate any pointers on the other two
    with thanks

    How do you increase the size of the pre header menu?

    Anonymous User 7265597

    (@anonymized-7265597)

    on the Pro theme there is a spot for custom css, you just need to work out what class the pre-header uses and then apply a larger size to things.

    use the inspector tool in chrome/firefox to view the CSS applied.

    tadonaghue

    (@tadonaghue)

    What is the CSS for making the text black on the pre-designed homepage (the content area with 3 columns) and the Call to Action Intro?

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘How to change font weight of navigation menu on homepage and text in posts?’ is closed to new replies.