I using dawn theme latest version in that, I need to make the collection list page (all collections) page till edge of the website.
website: https://rugd-in.myshopify.com/
password: rugged
Hello @Sivadarshan
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
.collection-list-wrapper.page-width.isolate.page-width-desktop.no-heading.no-mobile-link.section-template--18002879905989__collection_slider_MG7xwL-padding {
padding: 0px !important;
}
.collection-list-wrapper.page-width.isolate.page-width-desktop.no-heading.no-mobile-link.section-template--18002879905989__collection_list_CHWM9x-padding {
padding: 0px !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
I need only for this page alone
Hi @Sivadarshan ,
You can use this code to apply to only the mentioned collection:
{% if template.name == "collections" %}
{% style %}
.page-width {
padding: 0 !important;
}
{% endstyle %}
{% endif %}
You can add this code theme.liquid, before the tag. Here is a screenshot for your reference:
Hope this can help!
Best,
Daisy
Thanks for your reply, but it’s not working
Hi @Sivadarshan
You can try this code instead. I have checked again on it:
{% if template.name == "list-collections" %}
{% style %}
.page-width {
padding: 0 !important;
width: 100% !important;
max-width: unset !important;
}
{% endstyle %}
{% endif %}
Hope this can help!
Best,
Daisy
Thanks it’s working, but the whole page gone to edge, but my need is only the that collection list.
Issue video: https://drive.google.com/file/d/1QwHbcv59hSHMq4Or9J0rXgj9XmNySvCE/view?usp=sharing
Hi @Sivadarshan ,
The provided code is intended to function exclusively on Collection pages.
Could you please describe the appearance of your Homepage prior to the changes? Additionally, have you implemented any other code modifications?
Look forward to your response.
Best,
Daisy