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
2571 309 641

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
suyash1
Shopify Partner
3743 410 612

@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, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30
dmwwebartisan
Shopify Partner
9829 2237 3078

@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 | Bag is a cart drawer that maximizes your sales. View app →
oscprofessional
Shopify Partner
9218 1566 1933

@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;
}
}
If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87