Style the radio button label

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 li

Finally, 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?

https://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