Custom CSS

Hello everyone, here I m sharing the most basic but most powerful CSS for free watu quiz,
As all you know there is very less or no documentation of this great plugin, so it is very hard to find out the CSS for watu, I waste my too much time to customize watu, finding all the possible ways, but there are very less hope that you will get the css for watu free plugin. So i want to save your time – and here is the CSS –

Put this code in the WordPress customizer > Custom CSS field

/To change Question CSS – Here is the Code

.question-content {
font-weight:normal;
font-size:22px;
color:red;
}

/ To change Question Options CSS – Here is the Code

#watu_quiz label{
font-weight:normal;
cursor: pointer;
line-height: 1em;
font-size: 18px;
}

/ please note you can change the font size, color etc. as per your need.

/ And here is one more customization to the checkboxes (Radio buttons or multiple choice), But it will apply to your entire site radio buttons – Here is the CSS –

input[type=’radio’]:checked:after {
width: 15px;
height: 25px;
border-radius: 20px;
top: -5px;
left: -1px;
position: relative;
background-color: #005bef;
content: ”;
display: inline-block;
visibility: visible;
border: 2px solid white;
}

/hope it is helpful to you ??

• This topic was modified 5 years, 11 months ago by brightgk.