Remove black borders around product listings (Kalles theme)

[Nad]

Hi, I’ve been trying to remove the black borders from my product listings, but cant seem to despite copying different codes. Can someone help me?

https://shortcutx.co/

[niraj_patel]

Hello @Nad

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.pr_border_style_2 .t4s-product .t4s-product-inner { border: unset !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Moeed]

Hey @Nad

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Rahul_dhiman]

hello @Nad
Go to online store ----> themes ----> actions ----> edit code ---->assets ---->collection-products.css ----> line number 18
search this code and delete.

.pr_border_style_2 .t4s-product .t4s-product-inner {
border: solid 1px var(--border-color);
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[BSSCommerce-HDL]

Hi @Nad

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

Hope this can help you, If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[namphan]

Hi @Nad ,

Please go to Actions > Edit code > Assets > collection-products.css file and paste this at the bottom of the file:

.pr_border_style_2 .t4s-product .t4s-product-inner {
    border: none !important;
}

[Nad]

This works for me! Others didnt, thank you! I also cant seem to find where I can disable my “change to second image” when hovering over. Could you help me?

[Rahul_dhiman]

Hello @Nad

for that I need to access your theme as without that I cannot say anything . If you could give me access to your store I can check that .

it would involve some charges if you are okay with them ?

[namphan]

Hi @Nad ,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.pr_img_effect_2 .t4s-product-inner:hover .t4s-product-hover-img {
    opacity: 0 !important;
}

[Nad]

Hi Rahul, unfortunately i cant give access to you. Is there no other way?

[namphan]

HI @Nad ,

Have you tried this solution?

[Rahul_dhiman]

No sir unfortunately not