Forever Theme Customization

You’ll have to add a few CSS lines in the stylesheet. Check Appearance -> Editor -> style.css (check right bottom list of theme file)

This should give you some idea on changing size, font type etc: https://www.w3schools.com/css/css_font.asp

@wongpk – what happens to those changes when the theme is updated?

@scrawford85 – don’t modify theme files as your changes will be lost when the theme is updated. CSS changes can be safely made using Custom CSS – in this case, you can use JetPack’s Edit CSS.

Since there are multiple places for fonts in the theme, what specifically do you want to change?

This is all confusing. Is there a simple way to accomplish this?

I just want to make all of the text darker or slightly bolder so that it’s easier to read, but I don’t want all of the text to look bold. If that makes sense.

Try adding this under Edit CSS:

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

That seems to have worked for the main text. Can I do something similar for all of the titles and headings? As well as the site title and tagline?

@wpyogi: Ah… Correct, forgot about that…

@scrawford85: Try to add your necessary CSS class. Try this tool: https://www.youtube.com/watch?v=Mhb4n0yGYT4

Check for more CSS if needed: https://www.w3schools.com/css/css_font.asp

Looks like you got this figured out? I see black on everything?

I still haven’t figured out how to make the titles, headings, site title or tagline darker, but I’m working on it.

Neither one of those links is helping me.

Would it work if I just added the text from earlier – body, button, input, select, textarea {
color: #000000;
}

but replaced “body” with “title” or “H1” or “tagline”?

A browser tool like Firebug (or Chrome developer tools) will show you the CSS for any element on the page – highly recommended for CSS work:

https://getfirebug.com

So for example, for the post titles, it shows this:

.entry-title a {
    color: #2A2A2A;
    text-decoration: none;
}

So copy that to the custom CSS and change it there:

.entry-title a {
    color: black;
}

Others look to be:

h2#site-description,
h1#site-title {
   color: black;
}

Oh, thanks! That worked!

I’m trying to change the size and color of the titles of my pages (HOME, ABOUT US, ETC and make them larger before clicking on them.
Any help would be appreciated.
I am a beginner at this.

I’m using Twenty Twelve theme.

@stevenabrown, this forum is for the Forever theme, and since you are using a different theme, and since CSS is theme specific, can I please ask you to start a new thread in the Twenty Twelve forum to prevent confusion for those that may find this thread in the future?

Many thanks in advance.