Change ALL <p> <h1> <h2> <h3> font size in base.css

Store Design
, , ,
1

I was given this code (.body {
font-size: 13px !important;
}

and it only changes some sections for the body font size. I need to be able to change ALL p h1 h2 h3 font size in one shot for all sections for time sake. its very tedious change each section manually. How can this be done? Thanks

2

Hi @xnyjyh

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

1 Like
3

Hi @xnyjyh

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find base.css file
  4. Add the following code at the end of the file
p, h1, h2, h3{
 font-size: 13px !important;
}

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

4

Thank you. For mobile view do I just add @media screen and (max-width: 749px) { under to define mobile view sizing?

5

Hi, @xnyjyh .

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

@media (min-width: 320px) and (max-width: 767px) {
p, h1, h2, h3{
 font-size: 9px !important;
}

}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

6

none of your guys codes work, only change some font sizes. not ALL. even in some sections it only some. like newsletter section, it change only the

not the h1

7

Code does not work, nor do the other replies with codes. only change some. need code to change all at one shot. another solution?

8

does not change any links, buttons