Styling Tables
-
Hi!
I refer to this thread: displaying variations in a table – fooevents
I have some custom CSS I obtained here: custom woocommerce table layout for variationst
The problem is now that:
- The product stock levels are not showing – see: stock/availability levels missing
- The mobile view looks terrible – see: mobile (and desktop) view is ugly
I am looking for assistance (as I am VERY new to this) in styling the table on the product page to be
- responsive
- display the available stock quantities
- maybe display below the images rather than next to them
How do I edit the .css to do this? (I’m not familiar with the woocommerce parameters)
I have also attached my current .css here
Any assistance would be appreciated
The page I need help with: [log in to see the link]
-
Hello @staffie ,
I understand you need assistance in making your product page responsive and additional customization to suit your need.
While we can help with specific questions related to WooCommerce’s core features, custom CSS or customization is out of scope. Sometimes we share codes that are already available to help the users but our support policy doesn’t allow us to provide customization help.
The product stock levels are not showing – see: stock/availability levels missing
You can enable to show stock on the single product page by changing the settings in WooCommerce > Settings > Products > Inventory page:
Link to image: https://d.pr/i/BQeI7BThe mobile view looks terrible – see: mobile (and desktop) view is ugly
You can contact the developers of your theme to ensure that the theme is responsible and compatible with WooCommerce.
You can also explore page builder plugins that are supported for WooCommerce to help you make customization to the single product page.
I am going to keep this thread open for a bit to see if anyone can help you further with the specific queries.
Thank you ??
- The topic ‘Styling Tables’ is closed to new replies.
