How to change product page text size

[Dumax]

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?

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!

[dmwwebartisan · Accepted solution]

Hey @Dumax,

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

Thanks!

[Dumax · Accepted solution]

vileep.com

[diego_ezfy · Accepted solution]

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.

[dmwwebartisan · Accepted solution]

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!

[dmwwebartisan · Accepted solution]

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.

Hope this helps!

[Dumax · Accepted solution]

@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.

[Dumax · Accepted solution]

@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.

[Dumax · Accepted solution]

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

[dmwwebartisan · Accepted solution]

Hey @Dumax,

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

Thanks!

[Dumax · Accepted solution]

vileep.com

[dmwwebartisan · Accepted solution]

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!

[Dumax · Accepted solution]

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

[diego_ezfy · Accepted solution]

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.

[Dumax · Accepted solution]

@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.

[diego_ezfy · Accepted solution]

@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 

[Dumax]

 @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.

[Dumax]

I've added 

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

}

Seems to work.

[dmwwebartisan · Accepted solution]

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.

Hope this helps!

[Dumax · Accepted solution]

@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.