Plugin Author
YOP
(@yourownprogrammer)
Hello
You can customize css for each poll template by going to YOP Poll -> Templates and edit the template(s) you want styled. On the next page you can edit the css on Css section.
Best
YOP Team
I prefer to keep all of my custom CSS in a single file, using the Jetpack Edit CSS function.
I was able to do this using wildcard attribute designators, but it is annoying. Why do you add the random numbers to the class name? I’ve never seen anyone do that.
I agree; this sucks. But it’s not completely impossible. You might be able to use one of the parent wrappers (e.g. .yop-poll-container), and a bunch of direct child selectors [and probably !important declarations O_o]. But they used ids in their inline stylesheet, so that will make it even more un-fun to style correctly.
Plugin Author
YOP
(@yourownprogrammer)
We went this route to allow multiple polls with different layouts on the same page.
Looking back, not the best solution.
We are working on fixing this.
Thank you for your feedback.
Actually, Fred, it’s easier than I thought. I just used wildcard selectors:
div[class*="yop-poll-question"] {
font-weight: bold !important;
font-size: 125% !important;
margin-bottom: 10px !important;
margin-top: 0 !important;
}
While this will apply to all of your polls, you can override it by specifying the specific class name including the random crap at the end.
Just thought I would throw my two cents in after the fact here for other users. You can customize the classes the template uses and remove the %Poll-id% from them. This will pretty much invalidate most of the styles in the CSS field, but you could then cut this into your own theme files and update to your new classes and ids.
