Make questions on FAQ page bold

Alluren
Excursionist
41 0 9

Hello,

 

Can someone please assist me in how to make the questions on my FAQ page bold?

 

Footer > Customer Care > FAQ

 

Website preview: https://8ab2g9zcws8gksrn-80707387720.shopifypreview.com

 

TIA

Replies 5 (5)

drakedev
Shopify Partner
689 148 231

Hi @Alluren ,

 

that's very easy. Locate the file section-accordions.css inside your theme assets folder.

Open the file and at the bottom at this code:

/* Make the Accordion title (e.g. FAQ) bold */
.accordion__button {
    font-weight: bold;
}
If my answer was helpful click Like to say thanks
If the problem is solved remember to click Accept Solution
Shopify/Shopify Plus custom development: You can hire me for simple and/or complex tasks.
Alluren
Excursionist
41 0 9

Hi @drakedev ,

 

I have copied the code provided and added to the bottom of section-accordions.css but this has not made the questions bold, it now actually shows this on the accordions.

drakedev
Shopify Partner
689 148 231

There should be an issue. because now I see the text on the page.

Which file did you change? Can you share the whole file code?

drakedev_0-1718110886674.png

If my answer was helpful click Like to say thanks
If the problem is solved remember to click Accept Solution
Shopify/Shopify Plus custom development: You can hire me for simple and/or complex tasks.
Alluren
Excursionist
41 0 9

Hi Drake,

 

Yes, as previously mentioned after following your instruction it now shows the text on the accordions and did not make bold.

 

As per previous message, the code shared was added to the bottom of section-accordions.css. I assume the issue is the code that was provided.

Darshanp712
Shopify Partner
121 17 14

Hello @Alluren, Please share your store URL and password. So that I will check and let you know the exact solution here.

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.