Remove product table from shop page

Hi @carina117 ,

Thanks for reaching out!

You can try adding the following custom CSS to Customize > Additional CSS:

.woocommerce.columns-4 {
    display: none;
}

Hope this helps!

Thank you, Roxanne! It worked. Do you have any idea why custom CSS usually works when I add it to an element on the page, but hardly ever when I add it to the stylesheet under “Appearance”?

Carina

Hi Carina,

Glad to hear it worked!

It depends on which element you’re targeting, can you share a page with an element to which CSS is not properly applied? One of the reasons could be that you may need to add the !important rule in CSS:

https://www.w3schools.com/css/css_important.asp

Hi Mirko,

I added the code above to a widget directly on the page, which worked. Then I tried to add it to the stylesheet under “Appearance” and it didn’t.

Carina

Now I have the same problem with the product page: https://www.wau-statt-au.at/shop/betty-brennt-durch

Some other design is appearing under my design. Where does this come from? ??

Hi @carina117 ,

Some other design is appearing under my design. Where does this come from? ??

Please confirm if this is what you are referring to:

https://snipboard.io/skf0F6.jpg

If so, this indicates that more than one image has been added to the product (in the product gallery) and it seems that it may have not uploaded correctly.

Please navigate to this product within your dashboard and check if any images have been added in the product gallery section, as seen in the screenshot below:

https://snipboard.io/8PfKeR.jpg

Please let me know!

Hi @carina117

I added the code above to a widget directly on the page, which worked. Then I tried to add it to the stylesheet under “Appearance” and it didn’t.

When a CSS rule is not having effect, usually it’s because there is another rule targeting the same element which is beyond prioritized. However, this doesn’t seem to be the case here.

This may be related to how Elementor is handling additional CSS, or to some caching issue. As a first step, I’d try clearing any browser and site-level caching to see if that helps.

If it doesn’t, adding !important to the code, as suggested by @rainfallnixfig, should overwrite any existing rule.

Regards

@roxannestoltz I meant this: https://ibb.co/Jj6qm9C. I didn’t add this element. And it’s not visible in Elementor…

Hi @carina117 ,

Thanks for providing clarity!

I have inspected the element and it appears to be an Elementor widget that you would need to remove from within the Elementor settings.

The link below should guide you:

https://elementor.com/help/how-to-delete-a-widget/

If you do need further help with this specific aspect, please reach out to the developers of the theme for further assistance as this forum is for WooCommerce core support, as per the forum guidelines.

Hope this helps!

Thanks for the info, @roxannestoltz! The element is not visible in the Elementor navigator, so I guess I will contact the theme developers…

Would you happen to know why I can’t change the formatting of the “additional product information” widget? I wanted the font to not be bold.

https://ibb.co/mvjSVSx

Hello @carina117

Reaching out to the theme developers is the right path to take since the goal of this forum is to provide support for WooCommerce core. The theme’s developers will be able to provide you with more information.

If there are any questions after that, let us know.

Thanks.

We haven’t heard back from you in a while, (I think that at this point you have been able to find a solution) so I’m going to mark this as resolved – we’ll be here if and/or when you are ready to continue.

Best.