Need help? Check out our Support site, then


How do I make the text font larger?

  1. What must I do in CSS to change all my text to a larger (and blacker?) font?

    The blog I need help with is climatebysurly.com.

  2. I see that http://climatebysurly.com/ is using the Adelle theme.

    To change the base font color to black in the Adelle theme, add this to your Appearance > Customize > CSS editor:

    body, button, input, select, textarea {
    	color: #000;
    }

    That covers basics. If you also want to change the font color for things like widget headings and post titles, then those would also need to be adjusted separately since they have more specific rules in the theme compared to the CSS example above.

    To also change post titles and widget titles to black, you would use a rule like this instead of the one above:

    .entry-title, .entry-title a,
    .widget-title, #secondary .widget-title a, .widgettitle,
    body, button, input, select, textarea {
    	color: #000;
    }

    Changing font size depends on which areas you want to change the font size for—for example, are the titles okay? They look big enough to me. Here is an example to get you started. It will change all text that is in a paragraph to 120% of the size it was before:

    p {
    	font-size: 120%;
    }

    Note that if you decide to use a custom font in the future by going to Appearance > Customize > Fonts and selecting a font there, then that setting will probably override the paragraph font example I posted above. The Fonts panel, however, does have size settings, so you could try those instead if you do decide to switch to a custom font.

  3. Thanks very much. I'll work on it.
    Do I understand correctly: I should delete the comments now in the CSS editor screen, then type on the empty screen exactly what is in the first panel of your reply?
    I am nervous about selecting another font, as I have heard that choosing a font that is robust in use on the web is not easy. Furthermore, the theme designers are experts in matching compatible header and text fonts.

  4. I should delete the comments now in the CSS editor screen, then type on the empty screen exactly what is in the first panel of your reply?

    Yes.

    I am nervous about selecting another font, as I have heard that choosing a font that is robust in use on the web is not easy. Furthermore, the theme designers are experts in matching compatible header and text fonts.

    The fonts in the Appearance > Customize > Fonts panel at WordPress.com are very carefully considered and I know for a fact that the developers paid close attention to picking high quality fonts. Also, in the last iteration on custom fonts, they removed some of the fonts form the Body Text area that they thought didn't work well for that area. And, font pairings is even something they've chatted about as a future iteration to try to help people pick the best paris possible. :)

  5. Thanks Des.
    I increased the text font by 120%, as suggested. That has made it much easier to read.

  6. Excellent! :)

Topic Closed

This topic has been closed to new replies.

About this Topic