Archived topic

Solid border around Woocommerce products

6 replies · Started by Alberto on January 23, 2018

Viewing posts 1–7 of 7

January 23, 2018 at 5:05 am #477887

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:

Example solid border

January 23, 2018 at 7:43 am #478080

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!

January 23, 2018 at 8:25 am #478116

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;

}

January 23, 2018 at 9:10 am #478143

No problem!

February 18, 2019 at 12:37 am #813277

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

February 18, 2019 at 2:45 am #813338

Hi, JURE,

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

February 18, 2019 at 5:14 am #813428

Thanks Alberto :)

This archived topic is closed to new replies.

Start building better websites today.