Solved

How to make font bigger on desktop site

Andrewpry
Excursionist
23 0 6

How can i make my font headers and body bigger on desktop size and not affect the size when it shows on mobile site 

Accepted Solution (1)
diego_ezfy
Shopify Partner
2935 562 883

This is an accepted solution.

@Andrewpry, do this to fix it in 20 seconds:

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

@media (min-width: 749px){
    .content-overlay__heading{
    font-size: 40px !important;
}

.content-overlay__subheading{
    font-size: 30px !important;
}
}


you can change the values as per your wish:

40px = title
30px = subtitle

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

View solution in original post

Replies 5 (5)

dmwwebartisan
Shopify Partner
12280 2546 3694

@Andrewpry 

Please share store URL & screenshot what do you want .

i will check and send correct solution to you .

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Andrewpry
Excursionist
23 0 6

https://boudoir-sensual.myshopify.com/admin/themes/124785819806/editor?section=163395038396311053

C0D737B6-71AD-41A6-A461-E3B152E8D46A.png

F8BA682F-CDE9-4E84-9807-7EDE80568303.jpeg

 So if you notice the text is quite smaller in the desktop so I want to make it bigger but I don’t want the mobile site text to be bigger  

diego_ezfy
Shopify Partner
2935 562 883

This is an accepted solution.

@Andrewpry, do this to fix it in 20 seconds:

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

@media (min-width: 749px){
    .content-overlay__heading{
    font-size: 40px !important;
}

.content-overlay__subheading{
    font-size: 30px !important;
}
}


you can change the values as per your wish:

40px = title
30px = subtitle

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

karen73
Shopify Partner
5 0 1

Hi, I've tried to find this file in my Pop Theme, is there a different file to look for?

 

Kinjaldavra
Shopify Partner
2302 570 1422

hello @Andrewpry 

please Go to Online Store->Theme->Edit code then go to assets/index.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 750px) {
#shopify-section-16344336697d2b265d .content-overlay .content-overlay__heading {
font-size: 40px;
}
#shopify-section-16344336697d2b265d .content-overlay .content-overlay__subheading {
    font-size: 20px;
}
}