Solved

How can I adjust heading and body text size uniformly?

basicbastardco
Pathfinder
171 1 31

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 

 

 

Liaz
Accepted Solution (1)

GabrielS
Shopify Partner
481 106 114

This is an accepted solution.

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

 

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post.

View solution in original post

Replies 3 (3)

GabrielS
Shopify Partner
481 106 114

This is an accepted solution.

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

 

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post.
Vocation
Tourist
6 0 0

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!

stellashim
Visitor
1 0 0

Oh it works like magic! Thank you@>--