Skip to content Skip to main navigation Skip to footer

Questions that include an audio player have incorrect appearance

Welcome to QSM Support Forum. Forums QSM Pro Support Questions that include an audio player have incorrect appearance

Viewing 15 posts - 16 through 30 (of 32 total)
  • Author
    Posts
  • #5040
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Paul,

    I apologize, but it existed in the previous versions of the plugin also. I will ask the developers to fix this in the next version release. Meanwhile, please paste the following CSS code in the Appearance -> Customize -> Custom CSS

    .mlw_qmn_new_question{
    display: inline;}

    Please let me know whether this fixes the issue or not.

    Kind regards,
    Kriti

    #5054
    Paul Borg-BarthetPaul Borg-Barthet
    Participant

    Hi Kriti

    .mlw_qmn_new_question{

    display: inline;} did not fix the issue. Still having the same issue.

    Paul

    #5055
    Bob EastonBob Easton
    Participant

    Paul,
    Bob Easton here. I am not part of QSM support. I reported the problem originally many versions ago, and have a solution that works for me.

    Go back to my Feb 11 post. One part of the code includes the display:inline that Kriti suggests. It sounds like you need the other bit of code that I suggested. It provides margin space to the left of the title to accommodate the question number. Use BOTH of those pieces of code, and you’ll probably have a solution.

    #5056
    Paul Borg-BarthetPaul Borg-Barthet
    Participant

    Hi Bob

    I tried using both of the pieces of code that you suggested from the Feb 11 post but with no luck. When I pasted the two bits of code into the custom css I got this message: Markup is not allowed in CSS.

    #5057
    Bob EastonBob Easton
    Participant

    Got it.
    I put both of those lines of code into my theme’s style.css file.
    wp-content > themes > whatever-your-theme-is > style.css

    #5058
    Paul Borg-BarthetPaul Borg-Barthet
    Participant

    Hi Bob

    Have you found a solution> Not sure I understood your last message.

    #5059
    Bob EastonBob Easton
    Participant

    Yes Paul. The solution is to put both of those bits of code into the theme’s style.css file.

    #5060
    Paul Borg-BarthetPaul Borg-Barthet
    Participant

    Hi Bob

    I did that and got an error message. ‘Markup is not allowed in CSS’.

    #5061
    Bob EastonBob Easton
    Participant

    Use THIS code in the style.css file. NOT in any QSM custom css file.

    /* make room for question number */
    .quiz_section .mejs-container {
    margin-left: 40px;
    }
    /* allow question nbr and audio player on same line */
    .mlw_qmn_question {display: inline !important;}

    /* for audio in related lessons area */
    .related .mejs-container {
    width: 75% !important;
    margin: auto !important;
    }

    #5062
    Paul Borg-BarthetPaul Borg-Barthet
    Participant

    Hi Bob

    Went to Appearance>themes.Twenty Twenty: Stylesheet (style.css) and pasted your code.

    The numbers are still not in line with the headings.

    #5065
    Bob EastonBob Easton
    Participant

    Paul,
    (I’m awake now. Many time zones away from you.)
    Taking another look at your particular example. Mine was a matter of putting an audio player on the title line of a question. Yours is a matter of simple text in the question title line. My code targeted the audio player container. That’s why it doesn’t work for you.

    A hunch:
    Are your question titles inside paragraph tags? <p>Choose the best answer to complete the sentence.</p> If yes, get rid of those tags.
    Other than that hunch, it must be something else: quiz settings, quiz style, or maybe the theme.
    (I would need admin access to your site, or screenshots of some of the quiz editing pages to know for sure.)

    #5077
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Paul,

    Can you share the website’s admin credentials with me so that I can look at the quiz and paste the required code? Please make sure to set the message as required before sharing the credentials.

    Kind regards,
    Kriti

    #5080
    Paul Borg-BarthetPaul Borg-Barthet
    Participant
    This reply has been marked as private.
    #5081
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Paul,

    I pasted the required CSS code in the Additional CSS section. And now the questions are inline with the ques nos. Please check.

    I hope the issue is resolved now.

    Kind regards,
    Kriti

    #5082
    Paul Borg-BarthetPaul Borg-Barthet
    Participant

    Hi Kriti

    You are amazing! Thank you ever so kindly.

    Take care and have a great day!

    Paul

Viewing 15 posts - 16 through 30 (of 32 total)
  • You must be logged in to reply to this topic.