Compatibility:Â All Shopify themes
This feature will add a section divider in one click. Does not want it anymore? Do not worry, just remove the Section using the Theme editor.Â
Features:
- You can control the space between the sections, therefore, creating a white space. NOTE: You can remove the color so it will just have a white space.Â
- Change the color of the divider
- Make the divider full width
Steps:
1. In your Admin page, go to Online store > Themes
2. Choose the theme you want to edit then click Actions > Edit code.Â
3. Open Section folder, and click Add a new section. You can name it whatever you want.Â
4. Open the newly created section and replace the existing code with the code below.Â
Â
5. Click SAVE. Now, you should be able to add a Section divider in your theme editor.Â
That's it (",)
Copied!
2 comments
Hi @Gina,
You can change the code .sectionDivider width to below
.sectionDivider {
width: 80%
}
Thank you so much for the code for the section divider. I only want it to be around 80% width and centralised on the page, how can I do this?