Can you modify the font size on PC view with code in Shopify?

Medy06
Tourist
39 0 3

Hello,

I want to change the font size only on PC view, using code

Here is my url : Waterlys

Capture d’écran 2021-05-09 170028.png

Thanks

Replies 3 (3)

RajatWeb
Shopify Partner
197 46 62

Hi @Medy06,

I hope you are doing well.

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

@media (min-width: 992px)

#shopify-section-1620551591f3ef4c85 .rte.rich-text__text--medium{font-size:18px}

}
If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? please send me a personal message and we can discuss.
Email: rajatsharma.web@gmail.com
Skype: rajatsharma.web

diego_ezfy
Shopify Partner
2936 562 883

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

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

@media (min-width: 767px){
    .rich-text-section [class*='rich-text__text']{
    font-size: 20px !important;
}
}


You can change the 20px to any value you want.

Please let me know whether it works.

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.

MS-WEB-DESIGNER
Shopify Partner
3012 181 484

Dear @Medy06 

Hope the following suggestions will help you

  • From your Shopify admin, go to Online Store > themes.
  • Locate your current theme and then click Actions > Edit code.

  •  After that in the Assets folder, click to open your theme.scss.liquid file.
  • Go to the very bottom of this file and paste the following code:

 

/* Start */
.rich-text__text--medium p {font-size: 18px !important;} 
/* End*/

 

  •   Save and check your theme by refreshing it.