Hi, I am a bit lost in case of styling the output of the product add-on plugin from woothemes in my enfold shop. I know which css class has to be changed and I know the values. But either saving them in Enfold child css nor putting in Quick CSS in enfold child settings under general styling let them be active. I tried too the Enfold WooCommerce CSS file.
If I get a element info check with Safari browser, it tells me that the input has a class submitted: input.addon addon-checkbox were I like to have a width:25px;margin-left:20px;
I tried the !important parameter too.
Only if I put my own styling into template files from product add-on as style=””
<input type="checkbox" class="addon addon-checkbox" style="width:25px;margin-left:20px;" …
then they work. What am I doing wrong?
Hey!
Can you please create a temporary admin logins and post them here privately?
There might be an error in your custom CSS code, that could be the reason why your code is not working :)
Best regards,
Yigit
Well, in case of the checkbox styling I have styled that in the plugin template file. But in case of radio elements it still doesn’t work.
Thanks, Adrian
Hi,
I changed your code to following one in Style.css file
input.addon.addon-checkbox {width:25px;margin-left:20px;}
and now it is working fine – http://i.imgur.com/WP5TdlM.png
Please undo the changes you made on theme files :)
Best regards,
Yigit
Hey Yigit, wasn’t it a simple dot in place which I oversaw? That’s not true isn’t it?
Thanks for your help and not laughing at all.
You are the best,
adrian