FROM CACHE - en_header

Adjust size of a Link on Banner?

Inux131
Tourist
11 0 5

Hi,

 

I added the code below to make my mobile Hero Page scalable without changing the hero picture design.

However, now I want to increase the font size of the "Jetzt bestellen" button.

How do I do this?

Best regards

Anna

 

Shop: humbugwatches.com

pw: aiffau

Inux131_0-1634822760969.png

 

Inux131_3-1634822934066.png

 

 

 

Replies 4 (4)
Zworthkey
Shopify Partner
5581 642 1525

Hii, @Inux131 
Paste this code on top of the theme.scss file.

@media only screen and (max-width: 749px){
.rte-setting.mega-subtitle p a {
    font-size: 14px !important;
}
}

Thank You.

suyash1
Shopify Partner
6667 800 1121

@Inux131- add given css to the very end of theme.css file and check , adjust number as per need

#shopify-section-hero-1 #hero_inner-content .mega-subtitle a {
    font-size: 24px;
}

suyash1_0-1634823681270.png

 

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly. From tomorrow for few days, I will be online at 1:00PM IST
dmwwebartisan
Shopify Partner
11154 2395 3435

@Inux131 

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) {
.mega-subtitle a {font-size: 10px;}
.hero .mega-subtitle, .hero .mega-title {font-size: 14px;}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
oscprofessional
Shopify Partner
13310 2029 2594

@Inux131 
You just need to add the code in theme.css file

/*for desktop*/
.mega-subtitle a {
    font-size: 22px;
}

/*for mobile*/
media screen and (max-width: 749px) {
.mega-subtitle a {
    font-size: 12px;
}
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing