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

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