how to give a frame to a product on the product category page

ptbumiteknikutama · February 2019

how to frame a product on the product category page?

as in the picture below

ss : https://imgur.com/a/lpU4OuK

my web : https://bumi.group/kobewel-brand/

Pablo · February 2019

Hi,

It's possible only with the Custom CSS.

Your website is 'under construction' mode, please disable it first and I'll make it for you.

Thanks

ptbumiteknikutama · February 2019

Yes, I have opened it, please help, thankyou

Pablo · February 2019

Paste this code into the Theme Options > Custom CSS & JS > CSS

Code below!

Thanks

ptbumiteknikutama · February 2019

Thanks it works

ptbumiteknikutama · February 2019

how to make it curved? I try to give a border radius, it doesn't work

Pablo · February 2019

Can you disable the "under construction" mode once more?

Greetings

ptbumiteknikutama · February 2019

Of course. Sorry. It is already done

Pablo · February 2019

Paste this code too:

li.product{
	border:2px solid #a3abae !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    border-radius:10px !important;
}
.woocommerce ul.products li.product .desc{
	border-radius:10px !important;
}

.hover_box img{
	border-radius:10px 10px 0px 0px;
}

Thanks

ptbumiteknikutama · March 2019

I added it but it didn't work

https://imgur.com/5kuWi3K

https://imgur.com/x3ldgdV

Pablo · March 2019

I've updated the code above.

Remove all of the codes I sent you in this topic and paste the updated one.

Thanks

how to give a frame to a product on the product category page

Comments