How can I adjust heading and body text size uniformly?

Store Design
1

URL: https://basicbastard.co/

Hi Guys,

I would like to make all the headings text size in one and the body text size in one. Is there any way to do it? I am trying to change the font style but in some places it works and in others doesn’t.

I would appreciate any help.

Thanks

1 Like
2

Hi there,

You can affect all the headings and paragraphs through custom CSS. The below reference is intended to make all H2 headings to reflect a 24px font size

h2 {
  font-size: 24px !important;
}

If you want to affect other headings, such as H1, H3, etc., you can do as below:

h1, h2, h3 {
font-size:24px !important;
}

To forcefully change all paragraphs to a specific size, you can use the below code. Note that there might be other elements on your website (such as div, span), these elements might not reflect the change.

p {
font-size:20px !important;
}

To include other elements, you can do as below:

p, span, div {
font-size:20px !important;
}

Adding the code at the end of your ‘base.css’ file should work as expected.

Let me know if that helped.

Kind regards,

Gabriel

6 Likes
3

Hi @GabrielS !

Where do I past this code? I cannot find the base.css file.

I am using the Pixel Union them Empire v11.0

Thanks!

4

Oh it works like magic! Thank you@>–