Hello,
How can i make the collage full width on my website with no padding on the sides? How can I also minimize the padding between the images vertically and horizontally?
Topic summary
A user seeks to remove side padding from a collage section on their Shopify store and reduce spacing between images.
A CSS solution was provided targeting the specific section ID to set max-width to 100% and remove padding.
When attempting to add the code to Custom CSS in theme settings, the user encountered a Shopify error preventing them from saving.
The helper suggested adding the code to the bottom of the base.css file instead to avoid the character limit.
The user reports that adding the code to base.css did not resolve the issue, and the discussion remains open with the problem unresolved.
1 Like
Hi @villabodrum
Please add this code to Custom CSS of theme settings in Online store > Themes > Customize
#shopify-section-template--23514439581943__collage_KRwKgb .page-width {
max-width: 100%;
padding: 0;
}
Hi!
Thank you for your solution which works but I am getting this message from shopify when I try to save the code - do you know why?
You added too much code in there, so they do not allow you to save. Please add that code at the bottom of your base.css file of the theme instead.
