Skip to product information
1 of 1
Published:2024.07.22

Example of how to remove the margins between products on the collection page of the Shopify theme "Dawn"

Example of how to remove the margins between products on the collection page of the Shopify theme "Dawn"

Applications

  • Collection information management and editing
View full details

On the collection page of the Shopify theme "Dawn," there are cases where you want to display products in a layout that eliminates the margins between them. Here is an example of custom CSS settings for that purpose.


Example of how to remove the margins between products on the collection page of the Shopify theme "Dawn"


[(For the Dawn theme) Setup procedure] Add custom CSS to the collection template in the theme editor


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Adding custom CSS to collection templates in the theme editor

Related Post