Home>Support>H2/H3 change font size

H2/H3 change font size

By Mark Ladson, 11 years ago. Last reply by Andrew Misplon, 11 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].

Hi,
I’d like to be able to change the font size/style for H2 and H3 headings – can anyone please advise re the relevant CSS I need to add?
Many thanks!

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

  1. 11 years, 14 days ago Andrew Misplon
    Hi, I Work Here

    Hi Mark

    Give this a try under Appearance > Custom CSS:

    .entry-content h2 {
    	font-size: 20px;
    }
    
    .entry-content h3 {
      font-size: 16px;
    }
  2. 11 years, 14 days ago Mark Ladson

    Hi Andrew,
    I tried this but it’s not affected the h2 font size, my site is:
    http://techyourteaching.co

    Thanks for getting back to me, hopefully there’s another solution, or I’ve missed something.
    Mark

  3. 11 years, 14 days ago Andrew Misplon
    Hi, I Work Here

    The selectors provided will handle all the headings in your content. I don’t see any H2’s there but if you look at your heading “Using the Adobe Voice app is literally a 3 step process:” you’ll see the h3 selector I sent is working. Change the font-size to 50px to see. You can adjust the 20px and 16px I sent as required.

    Which h2 are you trying to increase the font size of?

  4. 11 years, 14 days ago Mark Ladson

    Thanks Andrew, I thought that sentence you referred to was h2, hence why I wasn’t noticing the changes. Works perfect.
    Many thanks for your help,
    Mark

  5. 11 years, 14 days ago Andrew Misplon
    Hi, I Work Here

    Super, glad to hear of some progress there.

    Check our Greg’s Custom CSS tutorial: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/ even if it’s just for using the Developer Tool, it’s super useful for things like checking image dimensions. In this case you can use it to see what tag that heading is running.

    All the best.

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