Dawn theme, CSS needed to change font of lists

Solved

Dawn theme, CSS needed to change font of lists

surfingcinv
Excursionist
41 1 14

Hello

I am trying to adjust the font sizes and I just cant figure out how to fix the bullet list font CSS

If you look under product description, you can see any numbered or bullet lists fonts are way too large, inconsistent. What CSS code do I need to properly control these fonts?

 

The body font CSS is working:

.product__accordion .accordion__content p {
font-size: 14px;
}

.collapsible-content__grid .accordion__content p {
font-size: 14px !important;
}

 

But the numbered lists code , seem to be wrong and have no effect:
.collapsible-content__grid .accordion__content ol {
font-size: 14px !important;
}
.collapsible-content__grid .accordion__content ul {
font-size: 14px !important;
}

See product description:

https://www.iamgreenminded.com/products/bakuchiol-serum-retinol-alternative-phyto-r5

 

2024-05-07 09_18_20-Command Prompt.png

 

Accepted Solution (1)

hubsyntaxdev
Shopify Partner
1 1 0

This is an accepted solution.

Hey @surfingcinv 
I think you want to decrease the font size if these lines the font-size is not matched with the whole description.

  • Revitalizes dull skin, skin rejuvenation
  • Smoothes uneven skin texture
  • Reduces fine lines and wrinkles
  • Hydrates and combats dryness

 

hubsyntaxdev_0-1717712840415.png



Solutions:
1.
Go to the Shopify admin dashboard, click on "Online Store" then "Themes" and then click on "Customize"

.

hubsyntaxdev_1-1717713091731.png


2. Click on "Theme Settings" and then find "Custom CSS" and there should be an inbox to add custom CSS code.

 

.product__description ul li {
    font-size: 14px;
}

 



Just simply copy this code and paste it into the Custom CSS box.

 

hubsyntaxdev_2-1717713233448.png

 

3. Just click on the save button, The Button is located top right corner.

hubsyntaxdev_3-1717713633366.png

 



Result: 

hubsyntaxdev_4-1717713679081.png


Please follow these steps your issue will resolved,
If need any further help please Like.

Thank you 

 

HubSyntax

View solution in original post

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
8230 1975 2419

Hi @surfingcinv 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

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:

 

.rte li::marker {
    font-size: 10px;
}

 

And Save. 

Result:

Made4uoRibe_0-1717710434010.png

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

hubsyntaxdev
Shopify Partner
1 1 0

This is an accepted solution.

Hey @surfingcinv 
I think you want to decrease the font size if these lines the font-size is not matched with the whole description.

  • Revitalizes dull skin, skin rejuvenation
  • Smoothes uneven skin texture
  • Reduces fine lines and wrinkles
  • Hydrates and combats dryness

 

hubsyntaxdev_0-1717712840415.png



Solutions:
1.
Go to the Shopify admin dashboard, click on "Online Store" then "Themes" and then click on "Customize"

.

hubsyntaxdev_1-1717713091731.png


2. Click on "Theme Settings" and then find "Custom CSS" and there should be an inbox to add custom CSS code.

 

.product__description ul li {
    font-size: 14px;
}

 



Just simply copy this code and paste it into the Custom CSS box.

 

hubsyntaxdev_2-1717713233448.png

 

3. Just click on the save button, The Button is located top right corner.

hubsyntaxdev_3-1717713633366.png

 



Result: 

hubsyntaxdev_4-1717713679081.png


Please follow these steps your issue will resolved,
If need any further help please Like.

Thank you 

 

HubSyntax
surfingcinv
Excursionist
41 1 14

Worked great. Thank you.