Hello,
Is there anyway I can make the collection list full width (no space on each side? )
and add a caption on top of each collection title?
thank you
Topic summary
A user seeks to make their collection list full-width (removing side margins) and add captions above each collection title on their Shopify store.
Solutions Provided:
Full-width implementation:
- GemPages support provided step-by-step instructions involving editing the theme code through Online Store > Theme > Edit code
- Instructions include opening the theme.liquid file and pasting specific markup before the tag
- Screenshots were shared to illustrate the process
Caption placement:
- PageFly-Victor offered a CSS solution to be added to the base.css file
- The code targets specific collection list wrapper classes with padding adjustments
- KetanKumar requested the collection list section code to provide a customized solution
The discussion remains open as the user confirmed interest in the caption feature but hasn’t indicated whether the proposed solutions were successfully implemented.
Hello @oscaroline ,
It’s GemPages support team and glad to support you today.
In order to make the collection list full-width, you so kindly follow the steps below:
- Go to Online Store > Theme > Edit code of your current theme
-
Open your theme.liquid theme file
-
Paste the below code before
For example,
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
yes, please send collection list section code so i will check and update you.
Hi @oscaroline
This is Victor from PageFly - Landing Page Builder App.
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file base.css
.collection-list-wrapper.page-width.isolate.page-width-desktop.no-mobile-link.section-template--16736191480130__874e45f2-6e61-496e-bf8e-abef837469ef-padding{
padding-left: 0 !important;
padding-right: 0 !important;
}
Hope this answer helps.
Best regards,
Victor | PageFly