Site logo

Archived topic

Add period and make listed dots bigger

3 replies · Started by Macca on December 10, 2021

Viewing posts 1–4 of 4

Hi there,

I have a quiz website and I am looking at adding in a period (.) after the question numbers, and I'm also looking at making the listed bullet points (o) a big bigger with CSS changes. Do you know how I would do this?

The website is https://www.ultimatequizquestions.com/january-quiz/

Thank you!

Macca

Hi there,

1. Add period after the number:

.mlw_qmn_question_number:after {
    content: '.';
}

2. Try this CSS for a custom radio:

input[type="radio"].qmn_quiz_radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 2px solid #999;
    transition: 0.2s all linear;
    margin-right: 10px;
}

input[type="radio"].qmn_quiz_radio:checked
{
    border: 12px solid #000;
}

That's brilliant, thank you so much for this - great response time and information as ever!

Cheers,

Macca

Glad to be of help!!!

This archived topic is closed to new replies.