How to specify CSS selectors to override template

How to specify CSS selectors to override template

SproutTherapy
Shopify Partner
42 0 6

I am trying to override the font-size set in the theme editor in my third-party theme. The Shopify theme editor setting goes up to 160px only—I would like my text to be huge.

 

I can't seem to specify the selector (in my custom CSS) well enough to override the theme.

 

Here is my preview link. I would like to style "More Goodness" (and the subtext) on the banner/hero image.

Reply 1 (1)

KetanKumar
Shopify Partner
37037 3644 12019

@SproutTherapy 

yes please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/custom.css->paste below code at the bottom of the file.

@media (min-width: 768px) {
.template-index .content-wrapper--text_static h1 {
    font-size: 200px !important;
} 
.template-index .content-wrapper--text_static h4 {
    font-size: 80px !important;
}   
}

you want change site just change number of count 

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