Solved

I'm trying to make my product description smaller but I can't find a solution for my store

Theo_Bee
Excursionist
13 0 4

Hi - I would like to make the product description smaller on my product pages. I've looked around for solutions but none of them seem to work for my store. If anyone could help that would be amazing!

 

Here is a link to one of my product pages: https://nuvocollection.com/products/arizonaclaw-in-mahogany-charm 

 

If I can give any more details that would help in finding a solution just let me know! 🙂

Accepted Solution (1)
Abdosamer
Shopify Partner
820 146 161

This is an accepted solution.

@Theo_Bee , No problem, go to base.css and add the following code :

.product__description.rte.quick-add-hidden h1 {
    font-size: 1.7rem !important;
}

Result:

Abdosamer_0-1704279378899.png

 


 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio

View solution in original post

Replies 5 (5)

Abdosamer
Shopify Partner
820 146 161

@Theo_Bee , You want this part to be smaller in font-size?:

Abdosamer_0-1704277990041.png

 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
Theo_Bee
Excursionist
13 0 4

Hi Abdosamer! Sorry I wasn't as clear as I should have been. I've added a screenshot and circled the part I'm talking about. 

Technically, that text is the product description that I wrote in the product page. I hope I'm making more sense now!

Screenshot 2024-01-03 at 11.39.14.png

Abdosamer
Shopify Partner
820 146 161

This is an accepted solution.

@Theo_Bee , No problem, go to base.css and add the following code :

.product__description.rte.quick-add-hidden h1 {
    font-size: 1.7rem !important;
}

Result:

Abdosamer_0-1704279378899.png

 


 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
Theo_Bee
Excursionist
13 0 4

That worked perfectly! Thank you so much 🙂

websensepro
Shopify Partner
872 117 126

Hi, @Theo_Bee.

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

.product__description.rte.quick-add-hidden h1 {
    font-size: 36px !important;
}

.product__accordion.accordion.quick-add-hidden p {
    font-size: 16px !important;
}

Result:

websensepro_0-1704368000566.pngwebsensepro_1-1704368013521.png

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here