layout of answers

Hello

For layout of answers, I assume you are referring to they way they align vertically.

If this is the case, you can add the css code below to fix it

.basic-yop-poll-container .basic-answer-label {
display: flex;
align-items:center;
justify-content: center;
}

Please let us know when it’s done so we can address the results as well.

thank you, it solved the problem with The layout ff answersnot aligned with the tick boxes in the poll. But now there is still the problem of the layout of answers after voting, the result display remain buggy, sometines there aren’t 4 results per line, only two (check on my website)
thank you for your help !

@jazzz99 do you still have the poll live?

I looked at https://coursdeviolon-caen.fr/visual_art/ but I can’t see it.

sorry, here’s the good link:
https://coursdeviolon-caen.fr/arts-visuels/

Hello

Here is the css code for displaying results

.basic-yop-poll-container .basic-answers-results {
display: flex;
flex-wrap: wrap;
}
.basic-yop-poll-container .basic-answers-results .basic-answer {
width: 25% !important;
}

Also, you will need to update the results color for each answer because currently it’s all black.

You can do this on edit poll screen under Question&Answers tab by clicking on the edit icon for each answer.

Please let us know when the code is added and the color changed so we can take another look and make sure everything is ok.

Hello
There is still a problem with the height of the lines in the results.
In this picture, you can see that the distance between lines are not the same:
https://coursdeviolon-caen.fr/wp-content/uploads/2023/09/poll-pb.jpg
thank you for your answer

Hello

Apologies for the delay in getting back to you.

The distance between lines is “caused” by the progress bars for answers who have more than 1 vote.

Currently you can’t see these progress bars because they are black (the same as your page background).
We mentioned in our previous answer that you should update the color so they are visible.

However, if you do not want the progress bars to be visible, please let us know and we will send a css code to completely hide them(this way all rows will have the same height).