Was wondering if there’s a way to center the featured collection?
pw:nowlow
Topic summary
How to center the Featured Collection section in a Shopify theme for rehydrazn.com (password: nowlow).
Proposed solution (CSS):
- In Admin: Online Store > Themes > Edit code.
- Open your stylesheet (main.css/base.css/style.css/theme.css).
- Add a rule at the bottom targeting the Featured Collection slider’s UL by its id and center items with flex:
• Selector used: ul#Slider -template–16167234338902__featured_collection
• Declaration: justify-content: center;
Notes:
- justify-content is a CSS Flexbox property that aligns items along the main axis; setting it to center will center the collection items within the slider.
- A screenshot was provided showing the centered layout as the expected result.
Status:
- A clear CSS fix was provided with steps and a visual result.
- No explicit confirmation from the requester yet; resolution appears pending user verification.
1 Like
Check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
ul#Slider-template--16167234338902__featured_collection {
justify-content: center;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!