Borders around my products problem....

Dutchies
Tourist
35 1 10

Can somebody help me? I have borders around my products on desktop, but on de phoneview I have a problem on the upside and the downside of the border.

 

I added the following code to my theme.scss.liquid:

 

.grid-product__wrapper {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .3);
    padding: 15px 15px;
  max-width: 800px;
  max-heigth: 1200px;
}
  .grid-product__wrapper .grid-product__title {min-height: 70px;}

 

Dutchies_1-1613318511931.png

 

 

KetanKumar
Shopify Partner
14189 1652 5104

@Dutchies 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

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
Dutchies
Tourist
35 1 10

Hi @KetanKumar, thanks for replying

 

my site is dutchies-cbd.nl   and the password is 0702

 

I have the same problem now on the desktop as on mobile...

0 Likes
KetanKumar
Shopify Partner
14189 1652 5104

@Dutchies 

possible to this 

KetanKumar_0-1613321449225.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
Dutchies
Tourist
35 1 10

@KetanKumar  where can I find that?

0 Likes
KetanKumar
Shopify Partner
14189 1652 5104

@Dutchies 

do you like the above screenshot 

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
Dutchies
Tourist
35 1 10

Yes, but I would like to know where I can find the sentence you refer to

0 Likes
KetanKumar
Shopify Partner
14189 1652 5104

@Dutchies 

Thanks 

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

.grid-product__wrapper {
box-shadow: none;
    border: 1px solid #ddd;
}

 

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
Dutchies
Tourist
35 1 10

@KetanKumar  now my shadow borders are gone... and also the slider is gone....

Dutchies
Tourist
35 1 10

@KetanKumar 

 

I added box-shadow: 2px 2px 10px rgba(0, 0, 0, .3); to your solution and that works.

 

Do you know why my slider doesn't work anymore? Normally there are 4 products on screen... now 5 (1 below the other 4)

 
0 Likes