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

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