Image with text overlay Font Change

Solved
Keebs
New Member
1 0 1

Hey there was just wondering how to change all the font on the image with header section and maybe move it up a tad?

https://keebs-clubhouse.myshopify.com/   theres the link

KetanKumar
Shopify Partner
22472 2277 8367

This is an accepted solution.

Thanks @Keebs 

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

@media only screen and (min-width: 750px) {
.mega-subtitle--large {
    font-size: 30px;
}
}

change the font size as you like

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
SureshPerera
Tourist
5 0 2

Hi there,

I am using the debut theme and I want to change the text font of my overlay on my homepage, please help 
above mentioned code did not work for me 

KetanKumar
Shopify Partner
22472 2277 8367

@SureshPerera 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

 

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
SureshPerera
Tourist
5 0 2
KetanKumar
Shopify Partner
22472 2277 8367

@SureshPerera 

thanks store url  

please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (min-width: 750px) {
.hero .mega-title {
    font-size: 42px;
}
.hero .mega-subtitle {
    font-size: 19px;
}
}

 

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
0 Likes
SureshPerera
Tourist
5 0 2

hey, thanks, 

It only changed my overlay subtitle font size, I want to use a different font style on my overlay Maga title 

0 Likes
KetanKumar
Shopify Partner
22472 2277 8367

@SureshPerera 

yes just change font-size to font-family 

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
0 Likes