Skip to content Skip to main navigation Skip to footer

CSS style code

Welcome to QSM Support Forum. › Forums › QSM Pro Support › CSS style code

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 1, 2019 at 1:50 pm #990
    webdoug@digianalysis.com[email protected]
    Participant

    Hi, I wish to change the light grey default colour of the generated questions to a more vivid colour and also enclose the questions within a box. maybe also change the background color also on the question page.

    When I click and save on the various Quiz colour styles nothing happens at all.

    How do I go about doing this and is there any CSS code already in existence to do this?

    Thanks.

    November 4, 2019 at 9:39 am #1022
    KharisKharis
    Keymaster

    Hello there,

    The stype options are coded as the way it is — no extra styles for quiz item included. To accomplish your objective, try this CSS code: 

    
.qsm-quiz-form div[class*="question-section-id-"],
.qsm-quiz-formdiv[class*=" question-section-id-"] {
  background-color: #ccc;
  margin-bottom: 5px;
  padding: 2px 10px
}

    Add it to Appearance > Customize > Additional CSS from dashboard.

    Regards,
    Kharis

    November 19, 2019 at 4:15 am #1220
    Marc-Olivier DesmaraisMarc-Olivier Desmarais
    Participant

    Hey,

    I achieved to change the font color with the following code

    .quiz_section
    {
    color:black;
    }

    Cheers

    November 19, 2019 at 5:52 am #1223
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Marc,

    I am glad that you were able to achieve results as per your requirements.

    Thanks for reaching out to us!

    Regards,
    Kriti

    January 11, 2025 at 6:41 am #12232
    Elva SBrownElva SBrown
    Participant

    The CSS style sheet provided allows for the user to effectively give this provision like the geometry dash scratch game which enhances the adaptability of the code.

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