Docs

[afungusboy]

I need to remove the initial padding and the ending border for a widget area. I’m currently using the following to remove the padding and borders in-between:
.x-main .widget ul li, .x-main .widget ul li a { border: none; padding: 0; margin: 0;}

What do I need to add to target the 1st and last child in the widget?

[afungusboy]

This reply has been marked as private.

[Lely]

Hi There,

We can use the following CSS selector:

.x-main .widget ul li:first-child,
.x-main .widget ul li:last-child,
.x-main .widget ul li a:first-child,
.x-main .widget ul li a:last-child {
    background: red; /*CSS property here*/
}

Hope this helps.

[afungusboy]

That worked, thanks!

[Paul R]

You’re welcome! 🙂

[afungusboy]

One other thing: what is the best way to remove the product price from that woocommerce recently viewed widget when viewed only on a phone (I want to keep for all other sizes)?

[Jade]

Hi there,

Please try this code:

@media (max-width: 480px) {
    .global_3_pane .amount {
        display: none;
    }
}

Hope this helps.

[afungusboy]

Cool. Thank you!

[Nico]

Happy to hear that.

Feel free to let us know how it goes.

THanks.

[Author]

Posts