hi! please help me how to resize these 2 subheaders below to be abit bigger
Shop URL - https://greenpaxstore.com/
Topic summary
A user seeks help resizing two subheaders on their Shopify store using the Dawn theme. Screenshots show the elements needing adjustment.
Solutions Provided:
Two community members offer CSS-based fixes:
-
Quick solution: Add
.banner__text.rte { font-size: 26px; }to adjust the second subheader, with customizable pixel values. -
Detailed solution: Modify two CSS files:
section-rich-text.css: Add.rich-text__blocks { font-size: 20px; }below existing overflow code for the first section (Eco Standards & Labels)section-image-banner.css: Add.banner__text.rte { font-size: 20px; }below the banner heading margin code for the second section
Both approaches allow font size customization by adjusting pixel values.
Status: Resolved — the original poster confirms the solutions worked.
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!
Hello,
You’ll need to make some CSS adjustments. Follow these steps:
- 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!
1 Like
thank you!!