Archived topic
Upsell products and related products CSS styling questions
7 replies · Started by retroreiz on July 28, 2019
Good morning, I have a few questions about Upsell products below products.
1. How do I get that the classen wc-gzd-additional-info tax-info and wc-gzd-additional-info shipping-costs-info are in line?
https://i.ibb.co/nPwpdLw/01.png
In other positions of the website it works without problems. Have now made various CSS settings, but it does not work for me.
https://i.ibb.co/yPzw26R/02.png
2. How can I remove the shopping cart button only for upsell products and related products?
https://i.ibb.co/1JWdjT9/03.png & https://i.ibb.co/9TBcrzq/04.png
3. How can I get Mobile View to do a "slider" carousel function for upsell products and related products? This is how it should look like: https://i.ibb.co/Kws3CBC/05.png
Many thanks for the effort! Greetings Andreas
Hi there,
1. Try this CSS to inline the additional info:
.product p.wc-gzd-additional-info {
display: inline !important;
}
2. Remove add to cart from related and upsell:
.woocommerce .related.products li.product .button, .woocommerce .upsells.products li.product .button {
display: none;
}
3. To do this would require a plugin or custom development. Try searching the WordPress repository for a Related Product Carousel there are a couple of free ones.
Hi David,
thank you for the fast reply :)
1. I try with the display: inline !important;
Unfortunately, the problem persists that he does not insert it into a line.
2. Thats help me. Thank you!
3. Ok, i look in the wordpress repositrory :) Thanks for the hint.
Greetings, Andreas
Can you try clearing your browser cache as they are inline when i checked the site?
I clear my browser cache (and other browser testet), but in the upsell product two lines.
https://i.ibb.co/K74ktBp/07.png
This is what i am seeing:

Hi David,
now I understand why you have not seen the VAT line. In my shop was still set that it is adapted to the country of the user and apparently your country is not in my list.
And thank you for your effort, but since I will use a plugin as a slider for Upsell products in the future, we do not need to spend any more time here. The plugin would provide its own design which I would have to adapt to my theme accordingly.
Thank you.
Greetings, Andreas
Aah ok - glad to be of help.