how to centre heading for collapsible row on product template

Store Design
, , ,
1

Hello, i want to centre the headings for my collapsible rows on my product template:

Screenshot 2024-11-15 at 14.45.36.png
Screenshot 2024-11-15 at 14.45.36.png935×326 5.39 KB

I am using dawn theme

This is my store domain: qmpryp-cx.myshopify.com

and this is my password: chasha

2

@ads18922 please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

accordion .summary__title {justify-content: center;}

suyash1_0-1731682398275.png
suyash1_0-1731682398275.png1366×768 178 KB

3

Hi @ads18922

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

.product__accordion .summary__title {
    justify-content: center !important;
}

image (12).png
image (12).png1356×720 187 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

4

thank you, is there a way to make the text for the headings a bit smaller?

5

Hi @ads18922

You can replace the code we shared with you with this one:

.product__accordion .summary__title {
    justify-content: center !important;
    font-size: 10px !important;
}

You can change the number here to edit the font size as you want: https://prnt.sc/Nh2smc50EURA

Thank you!

Best,

Daisy - Avada Support Team