How can i change container size of collapsible content in dawn theme?

[Motoblox]

I want to change the size of the container so that it is not so wide, i will attach pictures to what i wanna do.

if someone can please help

This is what mine looks like:

 And this is how i want it to look like!

[Huptech-Web]

@Motoblox Could you please share the store URL? This will allow me to inspect it and provide you with a more tailored solution.

[Motoblox]

https://motoblox.com/pages/faqs

[Moeed]

Hey @Motoblox 

Share your Store URL and Password if enabled.

Best Regards,

Moeed

[Motoblox]

https://motoblox.com/pages/faqs this the page i want to modify the containers for collapsible content are too wide i want to make them smaller

[Huptech-Web · Accepted solution]

Hello! @Motoblox  Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open it instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file. 

body .collapsible-content__wrapper {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding: 40px;
    border-radius: 20px;
}

@media screen and (min-width: 750px) {
    body .collapsible-section-layout {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important;
    }
}

If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the Accepted Solution.
Best regards
K.K

[Motoblox]

That is exactly what i wanted to do thank you so much! There are a few more things i wanted to know if you can help ?

https://community.shopify.com/c/shopify-design/theme-customisation/m-p/2832434#M741346

this is the thing i wanted to know, still thanks a lot for your help appreciate you!

[Huptech-Web]

@Motoblox I reviewed the section you shared, and I see the custom slider design you're aiming for. I'd be happy to help you design and develop a tailored slider solution that aligns with your vision. We can work together to create a visually engaging and user-friendly slider, ensuring it seamlessly integrates with your theme and meets any specific functionality you require.

Please feel free to reach out to me at the below Email so we can discuss your requirements in more detail and bring your ideas to life.