Quiz looks terrible! Major styling problem!
-
First, thanks for providing this plugin!
I’m not a CSS/Styling Expert, so I’d appreciate help. Take a look at this page:
https://bit.ly/1rluDj5
Password 12345Go through the quiz using the “Next” button.
You’ll notice the answers are in white (hidden) and the check boxes and radio buttons are huge. Everything looks terrible with this WP theme (Nonus).
Thoughts on how I can give this quiz a lightweight, streamlined look that matches the rest of this site?
Changing the “height” and “margin” attributed in the style.css code
- at the bottom
of this post makes the radio buttons and check boxes smaller/larger. But they remain awkwardly placed at the center. And this change also adversely affects other parts of the site (e.g., the contact form submit button at the bottom of the page).
I’ve tried playing with the “Quiz Styling” tab, but I’m not really sure what I’m supposed to do there.
On other WP sites I work with, the Quiz Master Next plugin works like a dream — fits right into the look and feel of each site.
————
style.css code:form input[type] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: 41px;
margin: 10px 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: none;
width: 100%;
background: #fff;
padding: 0 13px;
border: 2px solid #bfbfbf;
padding-left: 11px;
}
- The topic ‘Quiz looks terrible! Major styling problem!’ is closed to new replies.