Navigation
Archive / Change color of table surrounding the product desciption / review box in Ethos
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 19, 2017 at 6:45 pm #1413003
    collectthatcomic
    Participant

    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!

    March 20, 2017 at 4:20 am #1413383
    Lely
    Moderator

    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.

    March 20, 2017 at 5:54 am #1413471
    collectthatcomic
    Participant

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

    March 20, 2017 at 6:12 am #1413490
    collectthatcomic
    Participant

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

    March 20, 2017 at 9:34 am #1413677
    Thai
    Moderator

    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 🙂

    March 20, 2017 at 10:22 am #1413753
    collectthatcomic
    Participant

    Again it’s perfect! Thanks so much Thai.

    March 20, 2017 at 11:03 am #1413805
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1413003 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>