Support » Theme: Coraline » h1 h2 styles, bigger than Title

  • Resolved MRubenzahl

    (@mrubenzahl)


    Happy with Coraline but for one thing: The h1 and h2 style is larger than the article’s titles. Surely there is a way to customize but I can’t find it.

    Example:

    Content Marketing: Getting Started

    The article’s title, “Content Marketing: Getting Started” is smallish. The headings (e.g. the heading “When”) are way, way larger. I want to make the headings smaller or, if that’s not possible, make the article’s title larger.

    Can do?

    TIA…

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    The post title size is being picked up through this CSS:

    .entry-title {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 24px;
        padding: 0 0 8px;
    }

    I want to make the headings smaller or, if that’s not possible, make the article’s title larger.

    Sure, you can define sizes for your h2 subheadings as you like. For example:

    .entry-content h2 {
         font-size: 17px;
    }

    Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

    Thank you much! That all worked. Appreciate the completeness of your answer (especially anticipating that I would not know how to set up my own custom CSS).

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    My pleasure. 🙂 Glad that did the trick.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘h1 h2 styles, bigger than Title’ is closed to new replies.