border none

Hi there,

try adding this CSS:

.thwepo-extra-options, .thwepo-extra-options td   {
    border: 0 !important;
}

Hi David,

Thank you very much! works and looks great!!

You're welcome

Hi David,

I changed to an upgrade of the plugin above, and now the border is back. Also, the hook we talked about in an earlier topic, [wcj_product_wholesale_price_table], right above the in-cart button on f.e. this page is showing a border.

Can you explain me how to get rid of these borders? The code would be great, but could you also give a clue on how I can find these myself in the future?

Thanks.

So with the update, the Plugin is not apply any border styles, so they are picking up the themes defaults, so this CSS:

table, th, td {
    border: 0;
}

Finding these requires you to use the Browser Inspector. On the page you wish to 'style' right click and inspect. The Dev tools window will be displayed, you can then inspect each of the elements to see what CSS classes and styles are being applied.

Okay, so the plugin is picking up de sites default, but why is it then showing a border of 1 if the CSS code `table, th, td {
border: 0;
}` is supposed to show border 0?

Okay, so I inspected it, and I see this:
What CSS can I manipulate to not have a border?

Sorry that CSS i provided was to remove the themes CSS.

Ah, okay, thanks... although I am a little confused as well. With this CSS code, are all borders sitewide standard 0, unless defined other?

It is - but most table elements are styled separately. For example if you check the cart page, that CSS should not override the table style.

You can of course make it specific to just those elements:

The variation selector: .extra-options
The wholesale selector: .wcj_product_wholesale_price_table

So the CSS would be something like this:

table.extra-options,
.extra-options th,
.extra-options td,
table.wcj_product_wholesale_price_table,
.wcj_product_wholesale_price_table th,
.wcj_product_wholesale_price_table td {
    border: 0;
}

Thanks David!

You're welcome