create a class and add it to each piece of text that you want to have at a different size and then create a CSS rule in you theme’s style.css file
<p class="new_font_size">text text text text</p>
in your style.css file create the following rule
p.new_font_size
{
font-size: whatever size you want it to be;
}
and that should take care of that 😀
If you are using a good theme it will have the body class. Using this, you can set up a style for a specific page like so:
.page-id-3 p {font-family... whatever.....}
This body class is ideal for creating unique styles for individual pages.
Thanks Cristine, this is a bit of what I’m looking for. How would this work if I wanted a Headline in the page to be bold however and the subsequent text below to be a different size or not bold?
Well maybe I read that wrong, the body class will be the page “template” correct? Everything was uniform and for whatever reason the HTML font tags changed the CSS of the page. I am using a premium theme, FWIW.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
The body class will be page-id-(templateIDNumber) or if the home page, it will be home