Title: CSS Styling Last modified: September 19, 2021 --- # CSS Styling * Resolved [harshit gala](https://wordpress.org/support/users/harshitsgala/) * (@harshitsgala) * [4 years, 8 months ago](https://wordpress.org/support/topic/css-styling-45/) * Hello team QSM, * I have just started using your plugin and so far it’s working great. I need some support in order to match the quiz to my brand colours and style. * 1. Contact Field – Rounded corners on both ends – #333132 colour border instead of blue. * 2. Previous, Next & Submit Buttons – I want to change the colour of the buttons to #fec10d and text #333132 – All 3 buttons with Rounded Corners – Progress Bar colour change to #333132 * 3. Also can I change the font to OpenSans? * 4. Increase spacing between Vertical Multiple Choice answers * Lastly, the Previous button is slightly higher than the Next button, is there a way to align the buttons and progress bar shows vertically? * Thanks in Advance! * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-styling-45%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 8 replies - 1 through 8 (of 8 total) * [expresstechsupport](https://wordpress.org/support/users/expresstechsupport/) * (@expresstechsupport) * [4 years, 8 months ago](https://wordpress.org/support/topic/css-styling-45/#post-14889149) * Hi [@harshitsgala](https://wordpress.org/support/users/harshitsgala/), * Thanks for reaching out to us. * Please paste the following CSS code in Appearance -> Customize -> Additional CSS section: * ``` .qmn_quiz_container input[type="text"], .qmn_quiz_container input[type="email"], .qmn_quiz_container input[type="number"] { border: 1px solid #333132; border-radius: 10px;} .qsm-submit-btn, .qsm-next, .qsm-previous{ background: #fec10d !important; color: #333132 !important; border-radius: 10px; } .qsm-progress-bar path:nth-child(2){ stroke: #000; } .qsm-progress-bar .progressbar-text{ color: #000 !important; } .qsm-quiz-container{ font-family: "Open Sans";} .qmn_mc_answer_wrap { margin: 10px 0 10px 0 !important; } .qsm-next{ position: relative; top: -5px; } ``` * And sorry to say this but it is not possible to align the buttons and progress bar shows vertically. * Hope this helps. * Regards, Kriti * Thread Starter [harshit gala](https://wordpress.org/support/users/harshitsgala/) * (@harshitsgala) * [4 years, 8 months ago](https://wordpress.org/support/topic/css-styling-45/#post-14889523) * Hi Kriti, * Thank you so much for your quick reply. * I have added the CSS you gave. Unfortunately, the only change I can see on my page is the colour of the progress bar. Is there anything else I need to do? * Regards, Harshit. * [expresstechsupport](https://wordpress.org/support/users/expresstechsupport/) * (@expresstechsupport) * [4 years, 8 months ago](https://wordpress.org/support/topic/css-styling-45/#post-14891896) * Hi [@harshitsgala](https://wordpress.org/support/users/harshitsgala/), * Did you paste the CSS code at here Appearance -> Customize -> Additional CSS section? * Let me know. * Regards, Kriti * Thread Starter [harshit gala](https://wordpress.org/support/users/harshitsgala/) * (@harshitsgala) * [4 years, 8 months ago](https://wordpress.org/support/topic/css-styling-45/#post-14893149) * Hi Kirti, * Yes, I have pasted the CSS code in Appearance -> Customize -> Additional CSS and then published it. * Regards, Harshit. * [expresstechsupport](https://wordpress.org/support/users/expresstechsupport/) * (@expresstechsupport) * [4 years, 8 months ago](https://wordpress.org/support/topic/css-styling-45/#post-14894181) * Hi [@harshitsgala](https://wordpress.org/support/users/harshitsgala/), * I request you to please share the issue at here as well [https://quizandsurveymaster.com/open-ticket/](https://quizandsurveymaster.com/open-ticket/) so that I can check the code. * Also, share the link of this ticket at here in the description. * Kind regards, Kriti * Thread Starter [harshit gala](https://wordpress.org/support/users/harshitsgala/) * (@harshitsgala) * [4 years, 8 months ago](https://wordpress.org/support/topic/css-styling-45/#post-14894256) * Hi Kriti, * I have shared the issue on the given link. * Regards, Harshit * [expresstechsupport](https://wordpress.org/support/users/expresstechsupport/) * (@expresstechsupport) * [4 years, 8 months ago](https://wordpress.org/support/topic/css-styling-45/#post-14910903) * Hi Harshit, * I am marking this ticket as resolved. * Regards, Kriti * Thread Starter [harshit gala](https://wordpress.org/support/users/harshitsgala/) * (@harshitsgala) * [4 years, 8 months ago](https://wordpress.org/support/topic/css-styling-45/#post-14912292) * Sure. * Thank you so much for your technical support. * regards, Harshit. Viewing 8 replies - 1 through 8 (of 8 total) The topic ‘CSS Styling’ is closed to new replies. * ![](https://ps.w.org/quiz-master-next/assets/icon-128x128.png?rev=3158087) * [Quiz and Survey Master (QSM) - Easy Quiz and Survey Maker](https://wordpress.org/plugins/quiz-master-next/) * [Frequently Asked Questions](https://wordpress.org/plugins/quiz-master-next/#faq) * [Support Threads](https://wordpress.org/support/plugin/quiz-master-next/) * [Active Topics](https://wordpress.org/support/plugin/quiz-master-next/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/quiz-master-next/unresolved/) * [Reviews](https://wordpress.org/support/plugin/quiz-master-next/reviews/) ## Tags * [css styling](https://wordpress.org/support/topic-tag/css-styling/) * 8 replies * 2 participants * Last reply from: [harshit gala](https://wordpress.org/support/users/harshitsgala/) * Last activity: [4 years, 8 months ago](https://wordpress.org/support/topic/css-styling-45/#post-14912292) * Status: resolved