Skip to content Skip to main navigation Skip to footer

Change submit button color

Welcome to QSM Support Forum. › Forums › QSM Pro Support › Change submit button color

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 3, 2020 at 4:46 pm #3564
    Stepan NegodovStepan Negodov
    Participant

    Hi! I want to change submit button color. Please can u help me with this? I saw instruction about creating CSS custom theme, but don’t understand 🙁

    May 4, 2020 at 5:32 am #3570
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Stepan,
    Welcome to Qsm Pro Support Forum. Hope you are having a great day.

    Please share the quizz’s url with me so that I can help you with the code.

    Regards,
    Kriti

    May 4, 2020 at 2:12 pm #3583
    Stepan NegodovStepan Negodov
    Participant

    Hi Kriti!

    Главная страница

    There is a test at the bottom of the page. I marked the button with an arrow, because the site is in Russian. I tried to create a custom style following the advice I found on your forum. But the code changes only the shape color and font color. At the same time, the place of this button changes. I insert the code below. Can you add a command to it that will save the same position on the site, but it will only change the background color and font color?

    Attachments:
    You must be logged in to view attached files.
    May 6, 2020 at 5:11 am #3619
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Stepan,

    Please use the following CSS code to change the submit button color. Paste in under Appearance-> Customize-> Additional CSS section.

    Regards,
    Kriti

    May 6, 2020 at 5:28 pm #3646
    Stepan NegodovStepan Negodov
    Participant

    Excuse me, what exactly am I supposed to put in?

    May 7, 2020 at 1:22 pm #3667
    Kriti SharmaKriti Sharma
    Keymaster

    Sorry, Stepan. I forgot to paste the css code. Please find it following:

    .quiz_end .qsm-submit-btn{
	background: black !important;
}

    As I visited your website, but unable to find the quiz. The above CSS code worked on my website, if it doesn’t work on yours please provide me the exact URL of the quiz on your website.

    Regards,
    Kriti

    May 8, 2020 at 9:48 am #3692
    Stepan NegodovStepan Negodov
    Participant

    The confirmation button works, thank you so much!
    But along with this change, the CSS parameters responsible for the back and forward view of the buttons in the test have been reset. Is it possible to change them in exactly the same way as the confirmation button?
    I will leave the link to the test below.
    And please take a look at the screenshots, I tried to explain the details of the question. It seems to me that these changes can be made, but unfortunately I do not have enough skills 🙁
    I’d be glad if you could help!

    Главная страница

    Attachments:
    You must be logged in to view attached files.
    May 9, 2020 at 5:38 pm #3720
    Kriti SharmaKriti Sharma
    Keymaster

    Sure, Stephan. I will check and provide you the same. Please expect a little delay as it is weekend.

    Regards,
    Kriti

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.