[Resolved] Transparent gap between products

[Emmi]

Hi.
Can anyone help?
I am trying to make the gap between products transparent (www.offroadmax.ro).
I wanna get something like this:
https://www.emag.ro/desktop-pc/brand/serioux/c?ref=hp_menu_quick-nav_23_2&type=filter
or
I saw it in one of GPP’s site libraries, but I am dying here trying to reproduce it 🙂

Thanks!

[Leo]

Hi there,

Try changing the Background option under Customizer > Colors > Content.

Let me know if this helps 🙂

[Emmi]

No, it doesn’t.
I modified the background so you can see it.
I’ll leave it so for a while.

[Leo]

Almost working.

Now go to Additional CSS field in the customizer and edit this block of CSS:

.woocommerce ul.products li.product {
    border: 2px solid #C8EBDF;
    box-sizing: border-box;
    padding: 5%;
    border-radius: 10px;
}

to this:

.woocommerce ul.products li.product {
    border: 2px solid #C8EBDF;
    box-sizing: border-box;
    padding: 5%;
    border-radius: 10px;
    background-color: #ffffff;
}

[Emmi]

Work great!
Gratitude, Leo!

[Leo]

No problem 🙂

[Author]

Posts