Style the radio button label
-
How can i get this to work:
-
Hi NicoPagel!
Please edit your template in CSS section and replace
#yop-poll-answers-%POLL-ID% ul li input { margin:0px; float:none; } #yop-poll-answers-%POLL-ID% ul li label { margin:0px; font-style:normal; font-weight:normal; font-size:12px; float:none; }with
#yop-poll-answers-%POLL-ID% ul li input[type=radio], #yop-poll-answers-%POLL-ID% ul li input[type=checkbox] { display:none; } #yop-poll-answers-%POLL-ID% ul li input[type=radio] + label, #yop-poll-answers-%POLL-ID% ul li input[type=checkbox] + label { display:inline-block; margin:-2px; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; border: 1px solid #ccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #b3b3b3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); } #yop-poll-answers-%POLL-ID% ul li input[type=radio]:checked + label,#yop-poll-answers-%POLL-ID% ul li input[type=checkbox]:checked + label{ background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); background-color:#e0e0e0; }Further, add
float: letf;to#yop-poll-answers-%POLL-ID% ul liFinally, in JavaScript section, replace
if(typeof window.tabulate_answers_%POLL-ID% == "function") tabulate_answers_%POLL-ID%();with
if(typeof window.tabulate_answers_%POLL-ID% == "function") //tabulate_answers_%POLL-ID%();Please let us know if you need more help!
Regards,
YOP Team!Thx a lot! It’s working fine in the plugin preview, but in my theme somehow not. Perhaps you could have a loook of it – here is an example in this post. The option test is not the button?
http://supplement-check.de/bcaa-xplode-powder-olimp-sport-nutrition/
Hey NicoPagel,
Please review the CSS section and delete all occurrences of <p></p>
Best wishes,
YOP Team
Still not working… How can I send you the wordpress admin data that you could have a look at it?
Hi NicoPagel,
You can send us admin data at yop.office[at]gmail.com
Best wishes,
YOP Team
Just sent you Admin Data and a mail!
Thx for your support.
If you get it working I will not wait to donate!
Hi NicoPagel,
The problem was caused by your theme. We fixed it and everything should work properly now.
Regards,
YOP Team
Hi Nico,
Regarding your last request, to achieve those results you have to modify both the template and some options in your poll.
Edit the template and in Template before Vote delete %POLL-ANSWER-RESULT-BAR%
Next, edit your poll and in Other Options set View Results to Before Vote
and Poll Answer Result Label: to %POLL-ANSWER-RESULT-PERCENTAGES%Best wishes,
YOP Team
The topic ‘Style the radio button label’ is closed to new replies.