What is the method to adjust link size in Shopify?

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?

(Note: I already reached out to the customer support, they will not help me with this issue)

kind regards

Robert

Inux131_0-1634716580594.png
Code added:
Inux131_0-1634716747081.png

 

Replies 6 (6)

mashkovtsev
Shopify Partner
38 1 27

Hello Robert.

Please, share your website link, so I'll be able to help you.

Thanks.

All the best.
Alex, Team Lead at Infinite Solutions Shopify Studio
https://inso.codes/
Inux131
Tourist
11 0 5

https://humbugwatches.com/

pw: aiffau

 

Best regards

Robert

mashkovtsev
Shopify Partner
38 1 27

Thanks.

Need a password for it.

All the best.
Alex, Team Lead at Infinite Solutions Shopify Studio
https://inso.codes/
Inux131
Tourist
11 0 5

pw: aiffau

mashkovtsev
Shopify Partner
38 1 27

Hey Robert.

The easy solution you can use is to include this code in some of your media queries (if you want it for mobile only):

.mega-subtitle a {
    font-size: 15px;
}

But for better usability and proper code style - you have to use CSS variables + Theme controls. Can't help you with that free, because it will require some time. But you can always use the first option.

All the best.
Alex, Team Lead at Infinite Solutions Shopify Studio
https://inso.codes/
oscprofessional
Shopify Partner
15834 2369 3072

Hello
You can try this code for mobile view
Add this in theme.css file

@media screen and (max-width:767px){
.mega-subtitle a {
    font-size: 16px;
}
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing