Home>Support>How Do I change the font size?

How Do I change the font size?

By Charlieb, 9 years ago. Last reply by Alex S, 9 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I have an H1 line of text that is coming out with every word beginning with a capital letter when I want small case letters. I want the same size as the H1 font but if I choose H2 to H4 or lower the font comes out far too small.

How can I fix this?

Thanks,

Charlie

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 3 months ago Charlieb

    Can someone please help?

    Thanks

  2. 9 years, 3 months ago Alex S
    Hi, I Work Here

    Hi Charlieb,

    The casing of your header sounds like a theme styling choice. I can definitely help you prevent this. Do you have a public URL where we can take a look at what’s going on? (the casing, and the font size) If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  3. 9 years, 3 months ago Private Message - Charlieb

    This is a private message.

  4. 9 years, 3 months ago Alex S
    Hi, I Work Here

    Hi Charlieb,

    That’s just the standard HTML elements. You could add class and override it for that specific widget if desired (this is what pretty much everyone does – with, or without WordPress). Open up the widget, go to the widget styles sidebar and open the attributes group. Set a class (do not set a font-size here as it’ll be applied to pretty everything) and then head on over to WP Admin > Appearance > Custom CSS and then write a selector for it.

    For instance, I added the example class to my desired widget.

    I’ll add the following CSS to control the h3 in this widget.

    .example h3 {
  font-size: 30px;
}

    Does this make sense?

  5. 9 years, 3 months ago Charlieb

    Thanks Alex.

    What exactly do I write for the class in the attributes section?

    I then add the font size:30px into WP Admin > Appearance > Custom CSS, correct? Presumably I change the H3 to whatever size the heading is I’m using? For example if the font is currently heading 5 then I type H5 where you typed H3?

    Thanks

  6. 9 years, 3 months ago Alex S
    Hi, I Work Here

    Hi Charlieb,

    Sorry for the delay. Set the class to something that makes sense based on the context of what you want. For instance, you could have a class called massive-text then you would go to WP AdminAppearanceCustom CSS and add the following CSS:

    .massive-text h3 {
    font-size: 30px
}

    If you wanted to switch it to an h5 you could either replace it, or add on to it, or add an entirely new selector. For instance:

    .massive-text h3, .massive-text h5 {
    font-size: 30px
}


.massive-text h5 {
    font-size: 30px
}

    Will all work. The first one allows you to group things together to rapidly apply properties to different classes that are exactly the same.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More