How to add Borders to products in product page in supply theme in shopify

Solved
PraveeN_1151
Tourist
18 0 2

does it cost any charges for doing customization.


0 Likes
rohantuteja
Excursionist
16 0 7

WhatsApp Image 2021-03-03 at 5.38.21 AM.jpeg

Hi @KetanKumar 

Just wanted to know if these borders can be of equal size. Currently, in the image, the border is only covering the content and hence not all the border rectangle are unequal. Is there any way to put them in perfect grid format.

If so how can it be done.

Below is the link to my website page.

https://momomia1.myshopify.com/collections/all

 

 

KetanKumar
Shopify Partner
17312 1871 6470

@rohantuteja 

sorry for this issue 

sorry i can't see any border can you please show me or i will add border?

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
rohantuteja
Excursionist
16 0 7

Hi @KetanKumar 

Sorry for that but I had removed it because It wasn't looking good. Now i have duplicated the theme and sending you the link for the duplicated theme.

https://jde92y8k7njlp55a-41549398184.shopifypreview.com/collections/all

 

WhatsApp Image 2021-03-03 at 5.01.56 PM (1).jpeg

I want to know if these borders can be made equal as mentioned in the image.

Thanks

KetanKumar
Shopify Partner
17312 1871 6470

@rohantuteja 

no rush

can you please add this code

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

.cloud-search-filters-products .grid-uniform {
    display: flex;
    flex-wrap: wrap;
}
.cloud-search-filters-products .grid-uniform .grid__item {
    margin-bottom: 15px;
}

 

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
rohantuteja
Excursionist
16 0 7

Hi @KetanKumar 

I copied this into my code but it did not make all the borders equal.

Instead, it made the product grid bigger and now it isn't fitting the screen completely and I have to scroll to see the hidden part.

Please have a look at the below link.

https://jde92y8k7njlp55a-41549398184.shopifypreview.com

Thanks

Rohan

0 Likes
rohantuteja
Excursionist
16 0 7

Hi @KetanKumar 

Is there any way to fix this?

I copied the code you had sent in the timber filer but it doesn't seem to work for me.

Please help

Thanks

Rohan

0 Likes
KetanKumar
Shopify Partner
17312 1871 6470

@rohantuteja 

thanks for an update if possible to add me on staff so i will quick fix 

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
rohantuteja
Excursionist
16 0 7

Hi Ketan,

I have sent you the staff access invite.

I am currently working on the (Brooklyn - work in progress) theme.

The borders in the image are not equal. What I want to know is if it's possible to make borders equal in each row.

WhatsApp Image 2021-03-05 at 4.17.16 PM.jpeg

Please help

Thanks

Rohan

KetanKumar
Shopify Partner
17312 1871 6470

@rohantuteja 

Thanks for adding me to the staff

i have done this please check.

 

 

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