How can I adjust font size for PC view using code?

Hello,

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

Here is my url : Waterlys

Thanks

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}

}

@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

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.