How to make the heading of a collapsible row bold in Dawn Theme

Solved

How to make the heading of a collapsible row bold in Dawn Theme

jupiterrx
New Member
9 0 0

Hello, I am currently using Dawn. I would like to make just the heading of the collapsible row bold. Is there a way to do at all? I did some research but most of them are about making the text content bold which I don't need at this stage.

 

Many thanks!

 

jupiterrx_0-1699363808135.png

jupiterrx_1-1699363866200.png

 

 

Accepted Solution (1)

Moeed
Shopify Partner
5519 1496 1787

This is an accepted solution.

Hey @jupiterrx 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.accordion .summary__title h2 {
    font-weight: bolder !important;
}
</style>

RESULT:

Moeed_0-1699364552675.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 2 (2)

Moeed
Shopify Partner
5519 1496 1787

This is an accepted solution.

Hey @jupiterrx 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.accordion .summary__title h2 {
    font-weight: bolder !important;
}
</style>

RESULT:

Moeed_0-1699364552675.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


jupiterrx
New Member
9 0 0

Hi Moeed,

 

It has worked perfectly. Thanks so much!