Section heading font size

[unachica]

Hello!

Does anyone know how can I change the Section heading font size. I am block at 140% in my theme.

I use superstore by out of the sandbox.

Thank you so much

[niraj_patel]

Hello @unachica

Can you share store URL?

[Made4uo-Ribe]

Hi @unachica

Would you mind to share your store URL? Thanks!

[unachica]

https://surmonx.ca/

[niraj_patel]

can you please tell me which section heading font size you want to increase?

[Vinsinfo]

@unachica Please follow the below steps to change the heading font size for sections. Let me know whether it is helpful for you.

1. From admin, go to “Online stores” → “Themes”.
2. Click action button from the current theme and select “Edit code”.
3. Search “theme.css” file and paste below code at the bottom of the file.
   Note: Update the font size as per your requirement.

section h2.home-section--title {
  font-size: 30px !important;
}

@media only screen and (max-width: 859px) {
  section h2.home-section--title {
    font-size: 27px !important;
  }
}

Final Results will be like,

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

[Made4uo-Ribe]

Just want to ask clealy, it this for all the section’s heading or only for one? Also Section or Pages heading? Thanks!

[BSSCommerce-B2B]

Dear @unachica ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

Step 2: Search for the file theme.css. And add this code snippet to the end of the file.

.home-section--title {
   font-size: xxx-large;
}

In this step, you can change font-size of section title (large, x-large, xx-large, xxx-large…)

In my example, I choose ‘xxx-large’.

Step 3: Save your code and reload this page.

=>> The result:

I hope these instructions will help you. If they are helpful, don’t forget to like and mark as the solution.

Have a nice day sir!