How to adjust the width from a section

Shopify Discussion

Topic summary

A user needed help adjusting the width of a featured collection section on their Shopify store, which was displaying wider than intended.

Root Cause:
The section had a max-width: 2500px !important rule that was overriding the theme’s default styling.

Solutions Provided:

  • Add custom CSS targeting div#shopify-section-collection .page-width with a max-width: 1200px rule via the theme.css file
  • Alternatively, override the specific section’s max-width using custom CSS through Theme Customizer or base.css file

Resolution:
The issue was successfully resolved after the user applied one of the suggested CSS modifications. Multiple community members offered similar solutions involving custom CSS to control the section’s maximum width.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
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

1 Like
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

1 Like
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.

1 Like
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.