Center colapsible row header text dawn theme

[JordiP]

Hello, I would like to center the heading texts in the collapsible rows on my product page. How would I do that? I tried looking for solutions, but nothing worked for me.

 (I just need to center those headings in my product page ^)

Store: https://bb9f8c-ac.myshopify.com/en

Pass: pongia

[Moeed · Accepted solution]

Hey @JordiP 

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 {
    justify-content: center !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[JordiP]

Thank you!

[BSSCommerce-B2B]

@JordiP,

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

Step 2: Search for the file theme.liquid

Step 3: Add this code before </head> tag

<style>
.accordion details summary {
   justify-content: center!important;
} 
</style>

[websensepro]

Hi @JordiP ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.accordion summary {
    justify-content: center !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!