How to add css rule to article

  • What should add to the theme’s custom CSS field in order to only affect what’s inside the article tags <article></article>?

    I want to increase the h1 font size but only for what’s inside my post.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    article h1 { should work. I usually target a bit tighter with h1.entry-title. See if your theme supports that.

    Thread Starter dianne92

    (@dianne92)

    I actually needed to change all headings because, for some reason, my theme had all the headings the same font size, that’s why I’ve chosen everything that’s inside the article tags.

    Managed to do it this way:

    article h1{font-size:160% !important;}
    article h2{font-size:150%!important;}
    article h3{font-size:130% !important;}
    article h4{font-size:110% !important;}
    article h5{font-size:100% !important;}
    article h6{font-size:100% !important;}

    I’m pretty sure there is a more elegant solution, somewhere

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try to avoid important rules: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to add css rule to article’ is closed to new replies.

Tags