Changing Font Size for Bullet Lists in Dawn Theme?

Solved

Changing Font Size for Bullet Lists in Dawn Theme?

brentmitchell
Tourist
3 0 1

Hello, 

 

I am fairly new to Shopify, so my apologies if this has been answered before but I could not find a solution. 

 

I added my first product with a few lines of text and a bullet list in the description. Then, I duplicated that product to add roughly 50 items to my store. When I view any of my products, only the text in the bullet list is very small and difficult to read. The other text in the description looks perfect and is easy to read. 

Is there a solution to make all the fonts the same size across all of my product descriptions, including the bullet lists?

Thank you in advance for any help! 

Accepted Solution (1)

AliReviews
Shopify Partner
773 90 356

This is an accepted solution.

Hello @brentmitchell ,

 

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-single__description {
  font-size: 16px;
}
.product-single__description ul,
.product-single__description ol {
  font-size: 16px;
}

Save changes

 

Hope this can help. 

Ali Reviews team.

- Was my answer helpful? Please hit Like or Mark it as solution!
- Ali Reviews - The must-have Shopify app that empowers you to effortlessly collect, display, and manage product reviews.
- Start your FREE trial today!

View solution in original post

Replies 4 (4)

AliReviews
Shopify Partner
773 90 356

This is an accepted solution.

Hello @brentmitchell ,

 

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-single__description {
  font-size: 16px;
}
.product-single__description ul,
.product-single__description ol {
  font-size: 16px;
}

Save changes

 

Hope this can help. 

Ali Reviews team.

- Was my answer helpful? Please hit Like or Mark it as solution!
- Ali Reviews - The must-have Shopify app that empowers you to effortlessly collect, display, and manage product reviews.
- Start your FREE trial today!
brentmitchell
Tourist
3 0 1

Hello Ali Reviews Team, 

Thanks so much for that suggestion. I tried pasting the code you provided but it did not change my description. Please see the attached image. 

I really appreciate your time. Thanks again. - Brent

brentmitchell
Tourist
3 0 1

I had to go back and re-paste the text from the bullet lists - but your suggestion worked after I did that. Thank you! 

TreathW
Shopify Partner
4 0 0

I used the following code to update my bullet points and didn't have to update any content.

 

.rte ul {
font-size:14px;
}