Accordion Title Not Centered

[eutaw]

I have 12 items that are being displayed using Accordion. The first 6 titles are being centered as expected, cut the latter 6 are not. I checked the CSS and there doesn’t appear to be a problem there. Please take a look to see why this is a problem. Thanks.

[ruenel]

Hello @eutaw,

Thanks for writing in! You have added this custom CSS which does not include the rest of the accordion headings.

.e32-8.x-acc .x-acc-header,
.e32-11.x-acc .x-acc-header, 
.e32-15.x-acc .x-acc-header, 
.e32-19.x-acc .x-acc-header,
.e32-23.x-acc .x-acc-header,
.e32-24.x-acc .x-acc-header,
.e32-27.x-acc .x-acc-header,
.e32-31.x-acc .x-acc-header,
.e32-33.x-acc .x-acc-header,
.e32-37.x-acc .x-acc-header,
.e32-41.x-acc .x-acc-header,
.e32-45.x-acc .x-acc-header,
.e32-49.x-acc .x-acc-header,
.e32-53.x-acc .x-acc-header 
{
  text-align: center;
}

You are actually doing it wrong. Please be informed that you do not need any custom CSS to center the accordion item headings. Simply follow these steps:

• Click the very first accordion and find the Headings tab.

• In the element settings, there is the Text Format option where can set the text alignment.
  

  

• Saved this styling as a Preset. You can check out this documentation to know more about Presets; https://theme.co/docs/template-manager#element-presets

• Once the preset is saved, you can apply it to the rest of the accordion elements on the page.

Hope this makes sense.

[eutaw]

Thank you for introducing me to Presets.

[marc_a]

HI @eutaw,

You’re welcome and it’s our pleasure to help you. If you have any other concerns regarding our theme features, feel free to reach us.

Thank oyu.