How to edit specific font sizes on specific pages

dekiv
Excursionist
35 0 4

 Hi,

I'd like to make some of the titles bigger on some pages, mainly the home one. For this example, I'm looking to make this wording larger and underlined without affecting the rest of the font sizes on the website. Screenshot below:

Screenshot 2021-07-25 202141.png

What code in theme.scss would help me do this?

www.beachbeb.com

KetanKumar
Shopify Partner
22475 2277 8365

@dekiv 

let me know which page do you need change  font size

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dekiv
Excursionist
35 0 4

@KetanKumar this is for the homepage currently

dmwwebartisan
Shopify Partner
8429 1977 2658

@dekiv 

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

.template-index #shopify-section-1611220068d0945ff4 h4 {
    font-size: 50px;
    text-decoration: underline;
}

Hope this works.

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Natztech
Shopify Partner
1891 492 1172

hello @dekiv 

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

.template-index #shopify-section-1611220068d0945ff4 h4 {
    font-size: 45px;
    text-decoration: underline;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
KetanKumar
Shopify Partner
22475 2277 8365

@dekiv 

thanks please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#shopify-section-1611220068d0945ff4 h4 {
    font-size: 40px; /* change value as you like */
    text-decoration: underline;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing