"Adjust styling on product page for variations and bundle selections" (#3760581) / WPClever Support Forum

Public Ticket #3760581

Adjust styling on product page for variations and bundle selections

Open

Comments

1
Jade started the conversation
2 weeks ago on November 10, 2024 at 6:20am
Hi,
How can I remove the divider lines and borders around the buttons when displayed in a list? Also how do I remove the extra border around the colour buttons when displayed in a grid? Screen shots attached.

Thanks for your help.

Jade
Attached files: Screenshot 2024-11-10 at 5.05.30 PM.png
Screenshot 2024-11-10 at 5.15.03 PM.png
1,222
Dustin replied
1 week ago on November 11, 2024 at 4:25am
Hi Jade,

Please provide me with a product link so I can check and write CSS code to fix it.
Best regards,
Dustin
1
Jade replied
1 week ago on November 11, 2024 at 12:08pm
Hi Dustin,

Here are the links to the two pages:
https://www.drinksip.co/shop-all/starter-kit/
https://www.drinksip.co/shop-all/training-kit/

Thanks for your help,

Jade
1
Jade replied
4 days ago on Sunday at 12:25pm
Hi Dustin, Any luck with the CSS?

Thanks for your help.

Jade
1,222
Dustin replied
2 days ago on Tuesday at 8:56am
Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

.woosb-products .woosb-product { border-bottom: none !important; } .woosb-products .woosb-product .variations_form .variation { border: none !important; }

And the result:
Best regards,
Dustin
1
Jade replied
2 days ago on Tuesday at 9:01am
Hi Dustin,

Thanks so much for your help, it's much appreciated.
Cheers,
Jade
1 Like