Banner Text on Minimal Theme

Solved
BonzaDogTreats
Excursionist
25 0 4

I'd like to increase the font size of the text on my banner image - both the headline and the caption - on desktop but not on mobile. 

Is anyone able to help me with how to code this please? 

I found this elsewhere and tried, but it didn't change anything.

.banner-section .content .title {
    font-size: 25px!important;
}

www.bonzadogtreats.com.au

Thanks for any help.

0 Likes

This is an accepted solution.

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid

@media only screen and (min-width: 768px){
#shopify-section-160860061017de4874 .banner-image .headline {
    font-size: 3em !important;
}
#shopify-section-160860061017de4874 .banner-image .caption {
    font-size: 1.5em !important;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Pallavi
Shopify Expert
1300 175 214

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > timber.scss.liquid and paste this at the bottom of the file:

@media only screen and (min-width: 768px) {
.banner-image .headline {
font-size: 30px!important;
}
.banner-image .caption {
font-size: 17px!important;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
BonzaDogTreats
Excursionist
25 0 4

Perfect, thank you so much.

0 Likes