Re: Can I decrease font only in product description and other pages

Solved

Can I decrease font only in product description and other pages

arutze
Explorer
47 0 18

I want to decrease font of Product description and other pages such as about us etc. When I decrease the font (Body) in Customize section, all the words get smaller, "About us" even "Shop" button become super small. How can I avoid it?

 

 

Thank you a lot in advance!

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
9565 2277 2824

This is an accepted solution.

Try this one if work in the "You may also like" and "Featured product" section. I cant check 2 pages on my end. So let me know if changes both of them or not. Thanks!

.card__content a {
    font-size: 20px;
}

Result:

Ribe_Dagandara_0-1689335841079.png

I hope it help. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

View solution in original post

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
9565 2277 2824

Hi @arutze ,

Try this. And tell me if change the other Fonts. Thanks!

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.product__description.rte.quick-add-hidden p {
    font-size: 15px;
}

Result:

Ribe_Dagandara_0-1689281215132.png

I hope it help. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
arutze
Explorer
47 0 18

Hi @Made4uo-Ribe thank you!

How can I increase the product name in "You may also like" and "Featured product" section

Made4uo-Ribe
Shopify Partner
9565 2277 2824

This is an accepted solution.

Try this one if work in the "You may also like" and "Featured product" section. I cant check 2 pages on my end. So let me know if changes both of them or not. Thanks!

.card__content a {
    font-size: 20px;
}

Result:

Ribe_Dagandara_0-1689335841079.png

I hope it help. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
arutze
Explorer
47 0 18

thank youu, it helped!!

Transcy
Shopify Partner
285 19 87

Hello @arutze ,

 

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code

Go to Assets folder -> base.css file -> Add this following code at the bottom of page

.product-description {
  font-size: 14px;
}
.about-us-section {
  font-size: 14px;
}

Save changes

 

Hope this can help.

Transcy

Transcy - The #1 Translation and Currency Converter
- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Blog