Solved

Dawn Shopify Image Banner description text - bolder and slightly larger

hnaegele
Excursionist
29 1 3

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

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

 

Thank you!!

 

Haley

Accepted Solution (1)

JasmeetVT14313
Shopify Partner
204 48 57

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!

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com

View solution in original post

Replies 2 (2)

JasmeetVT14313
Shopify Partner
204 48 57

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!

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
hnaegele
Excursionist
29 1 3

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