[collectthatcomicParticipant]

Hi Guys,

This small problem is beating me, so I’m hoping you can help. I’m trying to set up a shop using the Ethos theme with WooCommerce.

I want to customise the colour of this table in the attachment, which pops up on the product page. I want to change to whole table / border color from grey to black.

The inspector tool is not my friend tonight, so I’m hoping you can point me in the right direction.

Thanks in advance!

[LelyModerator]

Hi There,

Please use this custom CSS:

.x-nav-tabs,
.woocommerce div.product .woocommerce-tabs .x-tab-content,
.x-nav-tabs.two-up>li {
    border-color: black;
}

Hope this helps.

[collectthatcomicParticipant]

Thank you so much Lely! Worked a treat!!!

[collectthatcomicParticipant]

Can I ask 1 follow up – the boxes underneath it – suggesting related products – how do I change them too?

[ThaiModerator]

Hi There,

Please update the previous CSS to this:

.x-nav-tabs,
.woocommerce div.product .woocommerce-tabs .x-tab-content,
.x-nav-tabs.two-up>li,
.woocommerce .related ul.products li.product {
    border-color: black;
}

Hope it helps 🙂

[collectthatcomicParticipant]

Again it’s perfect! Thanks so much Thai.

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts