Skip to content Skip to main navigation Skip to footer

Aligning submit button

Welcome to QSM Support Forum. Forums QSM Pro Support Aligning submit button

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #605
    Christina AdamsChristina Adams
    Participant

    Hello,

    How do I align my submit button to the center or left? Currently it’s aligning right even though the rest of my text and whatnot are aligning left. I tried various css but nothing is working. Please help, it seems like a simple fix I might just be over-looking.

    You can see it live here:

    Share Calculator

    Thanks in advance!

    Christina

    #622
    KharisKharis
    Keymaster

    Hello Christina,

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    
    @media only screen and (min-width: 500px) {
      .qmn_pagination {
        justify-content: flex-start;
      }
    }
    
    .qmn_results_page > a.btn-reload-quiz {
      float: left !important;
    }
    

    Let me know how it goes.

    Regards,
    Kharis

    #735
    Christina AdamsChristina Adams
    Participant

    Unfortunately this did not work. Any other suggestions?
    I would also like the “Retake Quiz” button to not display when the quiz has been completed. How would I do that?

    Thanks!
    Christina

    #763
    KharisKharis
    Keymaster

    Hello Christina,

    Try this CSS code:

    
    @media only screen and (min-width: 500px) {
      .qmn_pagination {
        justify-content: flex-start !important;
      }
    }
    
    .qmn_results_page > a.btn-reload-quiz {
      float: left !important;
    }
    

    If you already have had other custom CSS code, ensure it doesn’t contain any invalid code. You can validate it with this tool: https://jigsaw.w3.org/css-validator/#validate_by_input.

    I would also like the “Retake Quiz” button to not display when the quiz has been completed. How would I do that?

    For your other question, please post it in separate topic. Use one topic for one question, so we can easily track the progress and maintain this support forum in good order.

    Regards,
    Kharis

    #775
    Christina AdamsChristina Adams
    Participant

    Oh great, that worked! Thank you very much. I’ll start a new thread for the other question as you suggested.

    Cheers,
    C.

    #817
    KharisKharis
    Keymaster

    You’re welcome Christina!

    Glad to have an opportunity to assist you.

    Regards,
    Kharis

    #5778
    jh f sdfsjh f sdfs
    Participant

    Teen Patti requires players to develop and implement various strategies to maximize their chances of winning. This includes bluffing, observing opponents’ behavior, and adjusting one’s gameplay accordingly Get Apk. Engaging in strategic thinking exercises the brain and enhances problem-solving skills.

    #5779
    Raida MaisaRaida Maisa
    Participant

    For UAE university assignment help, ensuring that the submit button is aligned properly can enhance the overall user experience. A well-aligned submit button not only improves the visual appeal of the interface but also makes it easier for users to navigate and complete their assignments efficiently.

    #12026
    magnus magnuismagnus magnuis
    Participant

    Hi Christina, aligning the submit button should be straightforward. You can use CSS properties like display: flex; justify-content: center; for center alignment or display: inline-block; float: left; for left alignment. Block Blast approaches should work with your existing layout and should keep things consistent with the rest of your text. If the button is still not aligning correctly, it might be worth checking for any overriding styles in your CSS that could be affecting its alignment.

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