[ad_1]
I’ve got 2 different plugins I’m using for different things. I like the way the shirt size options look on the upper options, without the ugly radio buttons, but those buttons don’t provide the functionality I need. So I’m using the WoocommerceAdd-on’s plugin for shirt sizes. The problem is, it’s using an ugly radio button, and I can’t figure out how to remove the actual circular button. Here’s the CSS I’m using to wrap them:
.wc-pao-addons-container .wc-pao-addon-wrap {
display: inline-block;
margin-bottom: 6px !important;
border: solid 1px #c3c3c3;
border-radius: 5px;
}
​
[ad_2]
Can you add a red square around what you’re trying to remove?
If you’re referring to the bottom button section with “Size*” – just find the container that wraps it and use “Display: none”
Hopefully you don’t need them for functionality and the top buttons will allow users to select their sizes ok.
Does the top work without the bottom? Why are you using 2 plugins that do the same thing? That could have unintended effects.
If you’re trying to get the bottom functionality, but the top visually, removing the buttons isn’t going to work. You need to figure out why the top buttons aren’t working and just disable the other plugin.