All things Shopify and commerce
Hi there - I'm trying to take the first image banner on my page and make the header and description text slightly larger and the description text also bold so it can be read without having to put a background container over the picture - https://29and11.com/. Here is a screenshot of the text I would like larger:
Could anyone assist? Thinking like 30% larger on both?
Thank you!!
Haley
Solved! Go to the solution
This is an accepted solution.
Hi Haley (@hnaegele )
Try adding this below code to the end of your "section-image-banner.css" file
@media screen and (min-width: 1400px) {
#Banner-template--22418920669465__image_banner_dkDVnf .h0 {
font-size: calc(var(--font-heading-scale) * 5.2rem * 1.35);
}
#Banner-template--22418920669465__image_banner_dkDVnf .banner__text.rte.body {
font-size: 1.9rem;
}
}
If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!
This is an accepted solution.
Hi Haley (@hnaegele )
Try adding this below code to the end of your "section-image-banner.css" file
@media screen and (min-width: 1400px) {
#Banner-template--22418920669465__image_banner_dkDVnf .h0 {
font-size: calc(var(--font-heading-scale) * 5.2rem * 1.35);
}
#Banner-template--22418920669465__image_banner_dkDVnf .banner__text.rte.body {
font-size: 1.9rem;
}
}
If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!
Hi there - that worked perfectly!! Thank you so much for your time!! - Haley
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025