A user running Pipeline 6.4 wants to center accordion links on a specific page (Help > Size Chart) instead of having them left-aligned.
Initial attempts:
Working solution:
Add this CSS code above </body> in theme.liquid (Layout folder):
<style>
.accordion__wrapper button.accordion__title {
text-align: center !important;
}
.accordion__wrapper .accordion__body {
text-align: center !important;
padding-right: 0 !important;
}
</style>
Status: Resolved. The code successfully centers both accordion titles and body content as shown in the reference image.
Hi!
I am trying to update to Pipeline 6.4 and was wondering if there is a way to center the links in an accordion grouping? I want it to look like the attached image. It is currently aligned to the left.
Preview link: https://4b8dayqa7de27d14-7752355.shopifypreview.com
Please add code above in theme.liquid
layout >> theme.liquid
@media only screen and (max-width: 600px) { .sliderule__panel .sliderow .sliderow__title { justify-content: start!important; padding: 10px 45px!important; } }after add the code,
I added the code, but nothing seemed to happen. I am trying to have the the links centered in the accordion on a specific page only.
I am working on an updated pipeline version, so if you go to the preview link and then go to help > size chart, you will see that the links are all to the left. I wanted to see if it could be centered instead.
Preview link: https://4b8dayqa7de27d14-7752355.shopifypreview.com
Yes, that’s the one! What code do I need to add?
And still above in the theme.liquid correct?
yes above
@adr5 are you added the code given by me?
@niraj_patel I did not see a code in the last post. Only to add a code and then the screenshot, but no code.
oh, again sorry i forgot it
Please add the code above
.accordion__wrapper button.accordion__title { text-align: center!important; padding-right: 0!important; } .accordion__wrapper .accordion__body { text-align: center!important; }@niraj_patel thank you so much!
my pleasure @adr5 
Thankyou for reaching us
