[Resolved] Number Listing Design

Home Forums Support Number Listing Design

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1404899
    Rohan Verma

    Hi.

    I’m already using the numbered listing view in a circular shape. But the circle is quite big in size.

    How can I reduce both the circle and 1.2.3. font size in bullet numbering.

    Slightly bigger than this: https://prnt.sc/u0ge68

    #1404926
    Leo
    Staff
    Customer Support

    Hi there,

    Looks like this is the CSS you are using:

    ol li:before {
        margin-right: 6px;
        content: counter(item);
        background: #2018f7;
        border-radius: 100%;
        color: white;
        width: 1.2em;
        line-height: 1.2em;
        padding: 1.5px;
        text-align: center;
        display: inline-block;
    }

    Have you tried adding the something like font-size: 10px; to it?

    #1405198
    Rohan Verma

    Thanks. Awesome.

    I have created another topic before this one. Kindly help me with that also.

    #1406418
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.