Skip to content Skip to main navigation Skip to footer

Edit the position of some elements in the questions

Welcome to QSM Support Forum. › Forums › QSM Pro Support › Edit the position of some elements in the questions

Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 16, 2020 at 2:22 pm #3260
    Jacques NJacques N
    Participant

    Hi,
    I would like to get a different position for the MP3 players I use in my questions.
    Please see my screen capture, and the image that I’d like to provide to my users.
    This has been shown in the “preview” mode.
    I guess that I need some CSS and I hope you will help me.
    But it would be much more simple if I could edit it myself with a better editor.

    Regards,
    Jacques

    Attachments:
    You must be logged in to view attached files.
    April 17, 2020 at 1:22 pm #3291
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Jacques,

    I need the URL of your quiz page so that I can help you with the CSS code. Right now, you can’t edit the elements CSS styles without CSS.

    Regards,
    Kriti

    April 17, 2020 at 2:27 pm #3293
    Jacques NJacques N
    Participant
    This reply has been marked as private.
    April 20, 2020 at 8:10 am #3333
    Jacques NJacques N
    Participant
    This reply has been marked as private.
    April 20, 2020 at 11:46 am #3337
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Jacques,

    I have forwarded your query to the development team. I will get back to you as soon as I hear back from them.

    Kind regards,
    Kriti

    April 24, 2020 at 5:18 pm #3421
    Jacques NJacques N
    Participant

    Hi Kriti,

    I can not bulk edit the questions. So I’m waiting for your few lines of code before I start building 380 new questions. If you don’t give me soon these lines of code, I will have to build my questions, and edit them one by one when I get the code. Without this piece of code, my questions will look ugly. I read that some of your users would have found useful to edit the position of horizontal multiple choice…me too. I think I should learn CSS of course, but I have not time to do this for now.

    Regards,
    Jacques

    April 25, 2020 at 1:53 pm #3429
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Jacques,

    We have wrapped customer’s audio shortcode with some div with classname, so as to style it.

    We added the following in you website’s Appearance -> Additional CSS

    .front-mp3-wrapper{
display: inline-flex !important;
width: 100%;
clear: both;
}

.front-mp3 {
    float: left;
    width: 30%;
}

    This is the best that can be done because the MP3 player itself does not have a classname in it’s div wrapper for us to style it.

    The following is screen-cast of the result.

    https://drive.google.com/open?id=1vHeKpaB2yCz3l69-IrbiFds7jzHFw6rJ

    Regards,
    Kriti

    April 25, 2020 at 3:31 pm #3435
    Jacques NJacques N
    Participant

    Thank you Kriti,

    I needed to insert a 4th sound, displayed horizontally, but I could manage with your code. I do not understand the details, but it works, and I can now go on.
    Thank you again for this customization.

    Regards,
    Jacques

    April 26, 2020 at 11:48 am #3440
    Kriti SharmaKriti Sharma
    Keymaster

    All the best, Jacques.

    Regards,
    Kriti

    May 30, 2026 at 11:07 am #21634
    jh f sdfsjh f sdfs
    Participant

    The H555 Game requires a solid network signal to save your layout changes in real time. If the elements still won’t shift, verify that your mobile operating system is fully updated by join now . Re-logging into the game usually resolves these interface glitches so you can customize your setup perfectly.

    July 14, 2026 at 6:45 am #22881
    lee herrtylee herrty
    Participant

    The simple controls in Snow Rider make it accessible for beginners while still providing a challenge for experienced players.

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