Support » Theme: Forever » Forever Theme Customization

  • Resolved scrawford85

    (@scrawford85)


    Does anyone know how I can change the fonts to make them darker or bolder so that they are easier to read in the Forever theme?

    My site is crawfordwritingblog.com

Viewing 15 replies - 1 through 15 (of 15 total)
  • 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: http://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?

    Thread Starter scrawford85

    (@scrawford85)

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

    Thread Starter scrawford85

    (@scrawford85)

    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;
    }

    Thread Starter scrawford85

    (@scrawford85)

    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: http://www.youtube.com/watch?v=Mhb4n0yGYT4

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

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

    Thread Starter scrawford85

    (@scrawford85)

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

    Thread Starter scrawford85

    (@scrawford85)

    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:

    http://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;
    }

    Thread Starter scrawford85

    (@scrawford85)

    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.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    @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.

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Forever Theme Customization’ is closed to new replies.