Dawn Shopify Image Banner description text - bolder and slightly larger

Shopify Discussion
1

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:

B9784423-29E4-46E1-B768-F703B21CE143_1_201_a.jpeg
B9784423-29E4-46E1-B768-F703B21CE143_1_201_a.jpeg2880×1438 592 KB

Could anyone assist? Thinking like 30% larger on both?

Thank you!!

Haley

2

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!

3

Hi there - that worked perfectly!! Thank you so much for your time!! - Haley

1 Like