Thread Starter
MDeb
(@deb65)
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
Plugin Author
YOP
(@yourownprogrammer)
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
Thread Starter
MDeb
(@deb65)
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
Thread Starter
MDeb
(@deb65)
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
Plugin Author
YOP
(@yourownprogrammer)
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
http://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
