Accordion font size on new page in Dawn theme

Solved

Accordion font size on new page in Dawn theme

amandaZ2020
Excursionist
41 2 7

Hi 

 

I want to reduce the font size inside the accordion dropdowns.

 

Can anyone please help: 

 

https://699c2d-3.myshopify.com/pages/delivery-and-returns

Password: ontaub

 

amandaZ2020_0-1715318944438.png

 

Thank you. 

Amanda  

Accepted Solutions (2)

HDL-Shin
Shopify Partner
80 21 16

This is an accepted solution.

Hi @amandaZ2020 ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

HDLShin_0-1715319234736.png

Step 2: Search file base.css or theme.css 

Step 3: Insert the below code at the bottom of the file -> Save

.accordion .accordion__content p {
    font-size: 13px;
}

Final Result: 

HDLShin_1-1715319311647.png

Hope it helps you

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️

View solution in original post

HDL-Shin
Shopify Partner
80 21 16

This is an accepted solution.

Hi @amandaZ2020
Insert the below code to your file css -> Save

.accordion .accordion__content > ul > li {
    font-size: 13px;
}


Result: 

HDLShin_0-1715556850062.png

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️

View solution in original post

Replies 8 (8)

HDL-Shin
Shopify Partner
80 21 16

This is an accepted solution.

Hi @amandaZ2020 ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

HDLShin_0-1715319234736.png

Step 2: Search file base.css or theme.css 

Step 3: Insert the below code at the bottom of the file -> Save

.accordion .accordion__content p {
    font-size: 13px;
}

Final Result: 

HDLShin_1-1715319311647.png

Hope it helps you

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️
amandaZ2020
Excursionist
41 2 7

THANK YOU so much!

 

Perfect. 

Amanda 

HDL-Shin
Shopify Partner
80 21 16

Can you give me a like? I'm glad you marked the solution for me 😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️
amandaZ2020
Excursionist
41 2 7

Hi @HDL-Shin 

 

Would you be able to assist with what code I could use in the accordion for bullets?

 

Thank you

Amanda

HDL-Shin
Shopify Partner
80 21 16

Hi @amandaZ2020,

Can you kindly share the details of your problem (screenshot/ record) with us? I will check it and suggest you a solution if possible. 
Kind regards,

HDL-Shin

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️
amandaZ2020
Excursionist
41 2 7

Thank you. 

 

You helped me reduce the font size in accordions, but the bullets are still very large. 

 

https://699c2d-3.myshopify.com/products/krix-polo-shirt-unisex?variant=43729149231279

password: ontaub

amandaZ2020_0-1715556494933.png

 

HDL-Shin
Shopify Partner
80 21 16

This is an accepted solution.

Hi @amandaZ2020
Insert the below code to your file css -> Save

.accordion .accordion__content > ul > li {
    font-size: 13px;
}


Result: 

HDLShin_0-1715556850062.png

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️
amandaZ2020
Excursionist
41 2 7

Thank you!  😀