We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Dawn - Please help resize the subheaders

Solved

Dawn - Please help resize the subheaders

GreenPax
Excursionist
28 0 11

hi! please help me how to resize these 2 subheaders below to be abit bigger

Shop URL - https://greenpaxstore.com/


Screenshot_23.pngScreenshot_22.png

Accepted Solution (1)

htmlBurger
Shopify Partner
87 8 21

This is an accepted solution.

Hello,
You'll need to make some CSS adjustments. Follow these steps:

 

1. Go to: Online Store → Themes → Edit Code.

 

First Section (Eco Standards & Labels)
- Open the file: `section-rich-text.css`
- Find this code:

 

.rich-text__blocks * {
  overflow-wrap: break-word;
}

 

- Directly below it, add:
 

 

.rich-text__blocks {
  font-size: 20px;
}

 

- You can adjust the `20px` value to your preference.

 

Second Section
- Open the file: `section-image-banner.css`
- Find this code:

 

.banner__box .banner__heading + * {
  margin-top: 1rem;
}

 

- Directly below it, add:

 

.banner__text.rte {
  font-size: 20px;
}

 

- Again, feel free to modify the `20px` value as needed.

 

Let us know if you need further assistance!
Found this helpful? Like and accept as solution to help others too!
htmlBurger – Founded in 2007, Shopify experts for 10+ years.
Custom themes, UI/UX design, ongoing maintenance & support.
Let's talk: ecom@htmlburger.com

View solution in original post

Replies 3 (3)

Shipo-studio
Shopify Partner
57 12 20

 

don't see the first one on your store, but based on the second one, I can provide a code snippet you can use:

.banner__text.rte { font-size: 26px; }

You can adjust the 26px value as needed. Let me know if this helps!

htmlBurger
Shopify Partner
87 8 21

This is an accepted solution.

Hello,
You'll need to make some CSS adjustments. Follow these steps:

 

1. Go to: Online Store → Themes → Edit Code.

 

First Section (Eco Standards & Labels)
- Open the file: `section-rich-text.css`
- Find this code:

 

.rich-text__blocks * {
  overflow-wrap: break-word;
}

 

- Directly below it, add:
 

 

.rich-text__blocks {
  font-size: 20px;
}

 

- You can adjust the `20px` value to your preference.

 

Second Section
- Open the file: `section-image-banner.css`
- Find this code:

 

.banner__box .banner__heading + * {
  margin-top: 1rem;
}

 

- Directly below it, add:

 

.banner__text.rte {
  font-size: 20px;
}

 

- Again, feel free to modify the `20px` value as needed.

 

Let us know if you need further assistance!
Found this helpful? Like and accept as solution to help others too!
htmlBurger – Founded in 2007, Shopify experts for 10+ years.
Custom themes, UI/UX design, ongoing maintenance & support.
Let's talk: ecom@htmlburger.com
GreenPax
Excursionist
28 0 11

thank you!!