Yop polls not being displayed horizontally

Wow!!! You guys took no time to respond!

The problem is not the displaying of the 3 columns but the layout of the polls. They seem disoriented and grainy. I wish they could have the same elegant compact view as that in the sidebar widget.

It would be a great help if that could be sorted.

Thanks,
Debashis

Hey Debashis,

Your polls are contained in this div

<div class=”su-column su-column-1-3 su-column-style-0″>

Please add “widget” to class=””, so that you’ll have

<div class=”su-column su-column-1-3 su-column-style-0 widget”>

Next, edit the template you used for your poll and replace

[ANSWER_CONTAINER]
<li class=”yop-poll-li-answer-%POLL-ID%”>
%POLL-ANSWER-CHECK-INPUT%
%POLL-ANSWER-LABEL%
<span class=”yop-poll-results-text-%POLL-ID%”>%POLL-ANSWER-RESULT-LABEL%</span>
%POLL-ANSWER-RESULT-BAR%

with

[ANSWER_CONTAINER]<li class=”yop-poll-li-answer-%POLL-ID%”> %POLL-ANSWER-CHECK-INPUT% %POLL-ANSWER-LABEL% <span class=”yop-poll-results-text-%POLL-ID%”>%POLL-ANSWER-RESULT-LABEL%</span> %POLL-ANSWER-RESULT-BAR%

Let us know if you need more help.

Regards,

YOP Team

Thanks…. This worked like a a charm.

Is there any possible way I can use padding or spacing between the 3 columns. Also is it possible t have a different template for the page archive than that of the widget. The settings are interrelated, I think.

Please suggest.

Thanks again,
Debashis

Thanks… This worked like a charm.

I was hoping if there is a any possible way to add spacing between the columns. Also would it be possible to have a different theme for the poll view in the page than that of the widget sidebar display.

Please suggest.

Thanks,
Debashis

Hi Debashis,

You can not have different themes for the poll displayed on the page and for the widget.

To add spacing between the columns you can decrease your poll’s width. Edit your template and replace

#yop-poll-container-%POLL-ID% {
width:200px;

with

#yop-poll-container-%POLL-ID% {
width:180px;

In your CSS file
https://www.vivekrajanvivek.com/wp-content/plugins/shortcodes-ultimate/css/style.css?ver=3.9.5

on line 114 add margin: 0 1% 1.5em 0; and on line 103 delete

.su-column-1-3 {
width: 30.66%;
}

Best wishes,

YOP Team