How can I align my collapsible content with the grey block text above?

[pongopetfood]

Hello,

I made my collapsible content into 2 columns, but I would like them to be aligned with the grey bloc text above.

Is it possible to do that with code ?

Thanks

[Made4uo-Ribe]

Hi @pongopetfood

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

[pongopetfood]

Yes :

https://pongopetfood.com

password: seunti

Thanks

[Made4uo-Ribe]

Thanks for the info, where can i find this collapible? If you still working on it you can share the preview. Thanks!

[pongopetfood]

In the section “Les insectes”

[Made4uo-Ribe]

Thanks try this one.

• From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
• Find the theme that you want to edit and click on “Actions” and then “Edit code”.
• In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (min-width: 749px){
.collapsible-content.collapsible-none-layout.isolate.content-container.content-container--full-width {
    padding: 0 6.4rem;
}
.accordion summary {
    padding: 2rem;
}
.collapsible-content-wrapper-narrow {
    padding: 0px;
}
}

• And Save.
• Result:
• 

[pongopetfood]

Thanks, It’s much better but it’s not perfectly aligned, do you have a solution ?

[Made4uo-Ribe]

Maybe this one.

Same Instruction.

@media only screen and (min-width: 749px){
.collapsible-content.collapsible-none-layout.isolate.content-container.content-container--full-width {
    max-width: 91%;
    margin: auto;
}
}

And Save.

Result:

[pongopetfood]

It’s the same..

[pongopetfood]

I put 86% instead of 91% and it’s working now, thank you!!