How to change font size for one section only

Solved
Lauren_brodauf0
Tourist
14 0 1

Hi!

 

I was wondering how I would be able to change the font size of one section only. On the last section of the home page, above the footer, the "@laurenbrodaufcollection" gets cut off into two lines when viewing on mobile, so I want to decrease the size of the font. Can someone help?

 

Thanks!

0 Likes
shayOwensby
Shopify Expert
169 40 78

Hey @Lauren_brodauf0

 

Would be happy to provide you with a solution but your storefront is password protected. 

 

Also ran into this with your last post and haven't been able to provide a solution. The password you provided is not correct.

 

Can help you right away if you would provide a password to your store so I can view the homepage. 

Did I provide you with a working solution? Give me an Approved Solution!

Likes are appreciated as well :)
0 Likes
Lauren_brodauf0
Tourist
14 0 1

store is laurenbrodauf.com, password is " gleetu "

0 Likes
shayOwensby
Shopify Expert
169 40 78

This is an accepted solution.

@Lauren_brodauf0 

 

Go to Online Store > Themes > Actions > Edit Code. Look for the Assets folder > theme.scss.liquid

 

Scroll to the very bottom of the theme.scss.liquid file and paste this: 

 

@media only screen and (max-width: 749px) {
.template-index .section-header .h2 { font-size: 16px; line-height: 22px; }
}

 

Did I provide you with a working solution? Give me an Approved Solution!

Likes are appreciated as well :)
Lauren_brodauf0
Tourist
14 0 1

THANK YOU!! 

lp_5001
New Member
2 0 0

Hi there,

I want to change only one single line of text from an H2 to an H1. Maybe I'm lost, but I'm not sure how your code below specifies this change on only one page. Can you help me understand?

For reference,

my site: https://frank-max.myshopify.com/

password: helloworld

where I want changed: home page, the line "Shop the Collection"

 

Thank you kindly!

Leah

0 Likes