How to adjust the width from a section

Shopify Discussion
1

Hello guys, how can I adjust the width of this section?

Here is the URL and password:

https://www.nistore.de/
nikthe

1.png
1.png1881×793 274 KB

t

2

Hello there pal @NikosBat You should try the following steps here

In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

div#shopify-section-collection .page-width {
max-width: 1200px;
}

Copy

3

Hi @NikosBat

The section has max-width: 2500px !important applied, which is overriding the intended styles. You’ll need to locate where that rule is set and update or remove it.

4

Hello there, thank you that has solved my problem!

5

Hello, thank you that has solved my problem!

6

Hello @NikosBat,

To adjust the width of the featured collection slider section, you’ll need to override the default max-width set by the theme. Add the following CSS either through Theme > Customize > Custom CSS or by editing your theme’s main CSS file (e.g., base.css):

#shopify-section-template--22328067621196__featured_collection_46dN39 .collection.slider-component {
  max-width: 100% !important; 
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0 auto;
}

This will allow the section to expand fully or to your preferred width.