How can I adjust the text size on my product page?

Store Design
1

Hello,

How can I change the text size of the product page? I mean, themes settings → typography → body text, I’ve set it to 17px but that changes to every body text in the store, not only product page. And it also seems that some parts of the product page text are larger, and other parts smaller.

Is there a way to make a particular text in the product page the size I want? To modify different paragraphs as I want?

117551631_1867063536781656_4374636977104787715_n.jpg
117551631_1867063536781656_4374636977104787715_n.jpg1080×2340 294 KB

It might not seem like a big difference, but when looking on mobile, the top text is larger than bottom text an I want to change that.

Thank you in advance!

2

Hey @Dumax ,

Please share your website URL. I will check and provide a solution here.

Thanks!

1 Like
3

vileep.com

1 Like
4

To make one larger and the other smaller would require more complex code, you’d want to hire a shopify dev to assist you.

However, you can use this to make the other one larger:

  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:
.product-single__description ul{
    font-size: 20px !important;
}

Feel free to adjust the 20px to anything you like.
Please let me know whether it works.

1 Like
5

Hey @Dumax ,

In the screenshot that you have shown. Do you want that section font smaller and bigger?

because that will have to write CSS specific for that section.

Right now font is 17px for all.

Thanks!

1 Like
6

Hey @Dumax ,

Is there a way to make a particular text in the product page the size I want? To modify different paragraphs as I want?

You can give the format your product description from the editor.

Select specific text and size accordingly.

Here is a screenshot.

editor.jpg
editor.jpg785×157 22.4 KB

Hope this helps!

1 Like
7

@diego_ezfy I’ve added the code and it only changed a certain block of text. The rest of the product description is still 17px.

1.png
1.png593×955 54.3 KB

8

@dmwwebartisan It only allows for changing headings. They are too big or too small and in bold. I want all my product pages in 18px.

9

@dmwwebartisan I want all my product page descriptions in 18px. And the last paragraph to be 20px.

1 - Copy.png
1 - Copy.png593×955 56.7 KB

10

@Dumax yes, I am aware, as aforementioned to achieve what you want would require hiring a developer in your store for more complex personalized customizations.

Kind regards,

Diego

1 Like
11

@diego_ezfy Okay, thank you. But is there a way to make at least the whole product description to 18px? I’ve tried that code but it only changed a certain block of text and I don’t know why.

12

I’ve added

.product-single__description {
font-size: 18px!important;

}

Seems to work.

1 Like