[Resolved] Solid border around Woocommerce products

[Alberto]

Hi.

I’m new in WordPress and GP.

I need to place a solid border around the Woocommerce products, and I do not see the option in the GP customization menu.

How could I do it?

Thank you very much.

I leave an example of what I need:

[Leo]

Hi there,

Give this CSS a shot:

.type-product {
    border: 1px solid #000;
    box-sizing: border-box;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

If this doesn’t work can you link me to the page in question?

Thanks!

[Alberto]

Thank you very much, Leo!

The code that worked for me is this:

.woocommerce ul.products li.product {
border: 1px solid #ccc;
box-sizing: border-box;
padding: 10px;

}

[Leo]

No problem!

[JURE]

Hi Leo,

sorry for my ”rookieness”, but where do I insert this code ?
I tried on ”store” page of WooComm…doesn’t work , while Product edit desn’t give me an additional CSS option ?
Thx, Jure

[Alberto]

Hi, JURE,

Here: https://docs.generatepress.com/article/adding-css/

[David]

Thanks Alberto 🙂

[Author]

Posts