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 12 posts - 1 through 12 (of 12 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

    May 15, 2025 at 10:00 am #13327
    Miguelito FernandezMiguelito Fernandez
    Participant

    From an analytical perspective, the user expresses a clear need to customize the submit button color but lacks understanding of the CSS theming process. This indicates a gap in technical knowledge, which could be resolved with simplified guidance or visual examples—similar to how ColorearW.net offers easy-to-use, printable PDF coloring pages for everyone!

    May 15, 2025 at 10:12 am #13328
    Claw GomezClaw Gomez
    Participant

    Ooh, changing a button color is like picking the perfect crayon! Have you tried using CSS with a little “background-color: coral”? It’s like giving your button a strawberry swirl! If you love choosing colors, explore ColorearW.com you can download and print free coloring PDFs to mix, match, and smudge with joy!

    May 15, 2025 at 5:53 pm #13334
    Ali RazaAli Raza
    Participant

    Branded bags offer a unique way to carry your message while providing everyday convenience. Perfect for corporate gifts, events, or retail promotions, they combine style and function. Customizable with your logo and colors, these bags can subtly reinforce brand identity—just like changing a submit button color enhances user interaction. Durable and reusable, they create lasting impressions by turning ordinary carrying bags into powerful marketing tools that travel far and wide.

    May 19, 2025 at 12:07 pm #13365
    Alcinous OrionAlcinous Orion
    Participant

    If the changes don’t show up right away, clear your browser’s cache or reload the page brainrot clicker. If your theme or plugin has styles that are different from your custom CSS, you may need to use more specific selectors or add!important to your styles (but don’t use it too much).

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