reduce the font size of "You May Also Like" heading

Store Design
1

Hi, how do i reduce the font size of “You May Also Like” heading? and also the extra space below?

elitaco_0-1629948445058.png
elitaco_0-1629948445058.png999×229 6.47 KB

2

Hi elitaco

Can you share your stroe url. If password protected then share password. So i will check and give you answer.

If helpful then please Like and Accept Solution.
For Design, Development and custom changes Hire Me.
Skype: live:hardikradadiya355
Thanks

3

URL: elita.com.sg

password: clewth

1 Like
4

@elitaco

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (max-width: 749px){
.product-recommendations__heading {margin-bottom: 10px !important;}
.product-recommendations__heading .h2, .product-recommendations__heading h2 {font-size: 3rem;}
}
@media only screen and (min-width: 750px){
.product-recommendations__heading {margin-bottom: 10px !important;}
.product-recommendations__heading .h2, .product-recommendations__heading h2 {font-size: 3rem;}
}

Thanks!

1 Like
5

hello @elitaco

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 749px){
 .product-recommendations__heading h2 {font-size: 20px; !important}
}
@media only screen and (min-width: 750px){
 .product-recommendations__heading h2 {font-size: 30px !important;}
}
1 Like