Please give a example showing me output too , the ss before css and the output after css.
Thanks in advance for the support, love it how responsive you are
body,html{
margin: 0;
padding: 0;
}
/* Basic styling for quiz section */
.ays-questions-container {
margin: 20px;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #f9f9f9;
}
.ays-image-question-img, .ays-quiz-answers.ays_grid_view_container {
display: flex;
}
.ays-image-question-img img {
width: 40%;
height: 40%;
object-fit: contain;
object-position: center center;
}
[id^="ays-quiz-container-"] .ays-answer-image {
width: 250px;
height: 250px;
object-fit: contain;
object-position: center center;
}
div.ays-quiz-answers.ayz_grid_view_container {
width: 40%;
}
This are the containers i want custom css on , can you tell me how to make override the already set styling by the plugin.
