Aligning submit button
Welcome to QSM Support Forum. › Forums › QSM Pro Support › Aligning submit button
Tagged: submit button css
- This topic has 8 replies, 5 voices, and was last updated 5 days, 19 hours ago by magnus magnuis.
-
AuthorPosts
-
October 1, 2019 at 10:44 pm #605Christina AdamsParticipant
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:
Thanks in advance!
Christina
October 3, 2019 at 1:27 pm #622KharisKeymasterHello 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,
KharisOctober 10, 2019 at 5:55 pm #735Christina AdamsParticipantUnfortunately 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!
ChristinaOctober 14, 2019 at 5:16 am #763KharisKeymasterHello 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,
KharisOctober 14, 2019 at 3:21 pm #775Christina AdamsParticipantOh great, that worked! Thank you very much. I’ll start a new thread for the other question as you suggested.
Cheers,
C.October 17, 2019 at 2:06 am #817KharisKeymasterYou’re welcome Christina!
Glad to have an opportunity to assist you.
Regards,
KharisApril 26, 2024 at 9:45 pm #5778jh f sdfsParticipantTeen 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.
April 27, 2024 at 5:40 am #5779Raida MaisaParticipantFor 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.
December 18, 2024 at 8:05 am #12026magnus magnuisParticipantHi 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.
-
AuthorPosts
- You must be logged in to reply to this topic.