• Resolved ecarstens

    (@ecarstens)


    We have a WP site using the Twenty Seventeen theme. I would like to customize the font size, colour, and alignment of the Headings. We specifically use H2 a lot. On some forums, it says to find Typography on the Appearance menu but I do not see that in our dashboard. Is there any easy place/way to alter the characteristics of the H2 heading so that it is consistent on all pages?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme questions should be addressed to the theme’s forum, but for that theme you might not get much response.
    The theme controls the styles. For small changes, you can add CSS rules in Customizer > Additional CSS.
    For large changes, you can create a child theme (there are several for that theme already in the WP repository). There are also a few plugins for that theme.
    There are also some plugins to affect the typography regardless of theme.

    Color, size, and alignment are small changes. A different font (if it is not a standard font) is a larger change, and needs code to load the font before it can be used in the CSS.

    Moderator bcworkz

    (@bcworkz)

    Yeah, a “Typography” menu item would be a theme specific feature.

    You can add custom CSS to any theme through the customizer’s Additional CSS section. For example:

    h2 {
        color: #9e2747 !important;
        font-size: 20px !important;
    }

    However, you cannot specify an alternative font (font-family:) if it’s not native or loaded on the page as a webfont. Webfonts can be loaded by hooking into the “wp_head” action, or you should be able to find a plugin that will load webfonts for you.

    Thread Starter ecarstens

    (@ecarstens)

    Thanks very much for the responses. I did have a difficult time finding somewhere to post my question, never mind to a specific forum. I thought this was the correct one, of the options on the support page. Sorry!

    I don’t want to change the font, simply adjust the colour, size and alignment on the page.

    I have looked at the html of one of our current manually formatted H2, and here it is: <h2 class=”has-text-align-center”>Who We Are</h2>

    How can I change that to the appropriate CSS so I can try adding it to the Additional CSS section?

    Moderator bcworkz

    (@bcworkz)

    h2.has-text-align-center {
        color: blue;
        font-size: 20px;
        text-align: left;
    }

    It’s contradictory to left align content with “has-text-align-center” class, but it can be done. FYI there is a “has-text-align-left” class you could use instead.

    Of course, use values you like in place of blue and 20px.

    Thread Starter ecarstens

    (@ecarstens)

    Sorry but based on the first comment, I turned to another forum and had my questions answered there. Thank you very much for following up. I am still a novice and learning a lot from these forums.
    Is is the other =forum posting
    https://wordpress.org/support/topic/editing-heading-typography-on-all-pages/#post-14034348

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

The topic ‘Heading Typography’ is closed to new replies.