How to add borders to your store

Solved
tamiak
Explorer
60 0 26

Can someone please help me with my store.

Animelights.ca

Password is Rujeir.

The "Neon Signs" product is overlapping the slideshow on top. Please can you help me make it so there is space between them. I also want to have a border that separates each product categories on the home page.

Thanks.

KetanKumar
Shopify Partner
19190 2013 7080

@tamiak 

i can see border

KetanKumar_0-1619203384803.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
tamiak
Explorer
60 0 26

I want a new border separating all the different collections on the store. 

For example, a border separating "Neon Signs" from "Naruto 3d Lamp Lights"

0 Likes
KetanKumar
Shopify Partner
19190 2013 7080

This is an accepted solution.

@tamiak 

yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.index-section {
border-bottom: 2px solid #cb23d8;
    padding-bottom: 50px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tamiak
Explorer
60 0 26

It worked!. Thanks so much 

I need one more thing. If you check the home page of the site. You'll see that the "Neon Signs" Collection Overlaps (is on top of) the Slideshow on the top of the site. How can i make it so that there is space between the slideshow and the "Neon Signs" Collection?

Thanks so much for your help!

KetanKumar
Shopify Partner
19190 2013 7080

This is an accepted solution.

@tamiak 

Yes, please add this code

.shopify-section--slideshow:first-child .hero {
    margin-bottom: 50px;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tamiak
Explorer
60 0 26

Thanks man. 

Please how can i make the the border of the "Alphabetically" the same color as all the other borders on my store

tamiak
Explorer
60 0 26

IMG_4039.jpeg

0 Likes
KetanKumar
Shopify Partner
19190 2013 7080

@tamiak 

what do you mean please share screenshot short?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
tamiak
Explorer
60 0 26

this is the screenshot IMG_4039.jpeg

0 Likes