What that docs article refers to is that we use the 'shop_table' class, which many or most themes use to style tables. In many cases it works well, but not always, depending on each theme. For example, with Storefront theme:
Woodmart theme:
Salient theme:
However not all themes style that shop_table class. I am not that familiar with Timber - I assume they are not adding that kind of styling.
-> Regarding why we add those 'important' tags, I understand how this might seem like a strange choice. Unfortunately in some cases we've seen problems where various themes add styling where for example the table would appear black and completely unreadable. These are just some things we've learned from experience and in some cases we've added important tags to prevent these issues by default.
To add a custom style for these tables on your site, the only option may be through custom CSS. Even when there are important tags used, we can still overwrite the styling by using a high degree of CSS specificity.
If you can share a URL to your site with us, to a page where we can view that table, I'd be happy to try and work on some styling that works with your theme.
Hello,
I'm looking at the docs on https://woocommerce-b2b-plugin.com/docs/b2bking-tiered-pricing-setup-auto-generated-tiered-pricing-table/. It says "The table design adapts to each theme seamlessly".
However I am seeing inline styles with !imporant rules applied. For example:
table.b2bking_tiered_price_table tbody td.b2bking_has_color { background: #3ab1e4 !important; background-color: #3ab1e4 !important; }
How can I make the design adapt to the theme? Our theme is a classic theme built with ACF & Timber.
Thank you.
I'd like to add to this in terms of customising the design of any table related display on the front end including the subaccounts list etc
Hi there,
What that docs article refers to is that we use the 'shop_table' class, which many or most themes use to style tables. In many cases it works well, but not always, depending on each theme. For example, with Storefront theme:
Woodmart theme:
Salient theme:
However not all themes style that shop_table class. I am not that familiar with Timber - I assume they are not adding that kind of styling.
-> Regarding why we add those 'important' tags, I understand how this might seem like a strange choice. Unfortunately in some cases we've seen problems where various themes add styling where for example the table would appear black and completely unreadable. These are just some things we've learned from experience and in some cases we've added important tags to prevent these issues by default.
To add a custom style for these tables on your site, the only option may be through custom CSS. Even when there are important tags used, we can still overwrite the styling by using a high degree of CSS specificity.
If you can share a URL to your site with us, to a page where we can view that table, I'd be happy to try and work on some styling that works with your theme.
Kind regards,
Stefan
Thanks for clarifying. I'll just override the styles.