Design changes
-
Hello,
I wanted to thank you for your previous answers, they helped a lot! However, there are some things with which I would need your help.
1. I would like to move the button of “previous” 30px to the left, the button “next” 30px to the right, and the “submit” button also 30px to the right.
2. I would also need a code (if it is possible) to change the text of “submit”,”previous”, “next” buttons text. (submit – finish, previous – back, next – forward)3. A code to change font of radio answers and submit/next/previous buttons to ‘Roboto’ from Google fonts, would be greatly appreciated.
4. Finally, previously I have asked for help with this situation(added below). Provided code worked fine, however now answers instead of staying in one long line, started to form two short ones. Would be amazing if you could help be with bringing them back to one line.Firstly, regarding the look of the test answers (Multiple choice horizontal). I would like to move them to the right side by 30px, or make them centered.
Ans: Please add the below-given custom css code in the additional css section of wordpress customizer and then check.
.qmn_radio_answers.qmn_radio_horizontal_answers {
margin-left: 30px !important;The page I need help with: [log in to see the link]
-
Thank you so much for your answers it has helped a lot!
Still have two more unsolved problems, I hope you will help me resolve 🙂
First, the code helped me to move the “next” and “previous” buttons, but I still have to change the position of the “submit” button 30 px to the right.
Secondly:
I have changed the look of the radio buttons for the answers and it works great, however, the chosen answer does not stay “marked” after pressing it. Therefore would appreciate it if you could find a solution to this problem too!
The code I’ve used:input[type=radio]:after {
width: 15px;
height: 15px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #231f20;
content: '';
display: inline-block;
visibility: visible;
border: 1px solid #000;
}
input[type=radio]:hover:after {
width: 15px;
height: 15px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #f6c2ff;
content: '';
display: inline-block;
visibility: visible;
border: 1px solid #000;
}Hi @veliute ,
Sorry for the inconvenience you have faced.
Please check below-given points for your reference.
- First, the code helped me to move the “next” and “previous” buttons, but I still have to change the position of the “submit” button 30 px to the right.
Ans: Please add the below-given css code in the additional css section of wordpress customizer and then check.
input.qsm-btn.qsm-submit-btn.qmn_btn {
margin-right: -30px !important;
}- I have changed the look of the radio buttons for the answers and it works great, however, the chosen answer does not stay “marked” after pressing it. Therefore would appreciate it if you could find a solution to this problem too!
Ans: Please add the below-given css code in the additional css section of wordpress customizer and then check. You can adjust the color code as per your requirements.
input[type=radio]:checked:after {
background-color: #c51541;
}Once you add the above-given css code please clear the website and browser cache and then check.
Do let me know if you need more help.
Regards,
Sumit
The topic ‘Design changes’ is closed to new replies.
