[Resolved] Bullet Point Not Appearing

Home Forums Support [Resolved] Bullet Point Not Appearing

Home Forums Support Bullet Point Not Appearing

  • This topic has 7 replies, 3 voices, and was last updated 3 weeks ago by Ying.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2058663
    June

    Hello, I just realized that the li bullet points are not appearing anywhere on my site. Please see the image for your reference. I want to add filled circle bullet points in #00d07e color. Please help in resolving the issue.

    #2058880
    Leo
    Staff
    Customer Support

    Hi there,

    Looks like you’ve figured out?

    This is what I’m seeing:
    https://www.screencast.com/t/ppmXWoyH8mN5

    #2059493
    June

    Hi Leo,
    This is my old setting in the image you have shared and I wanted to change them back to original (circle) in bigger size but now I don’t see the bullets. Please check what’s going on.
    Looking forward.

    #2059999
    Ying
    Staff
    Customer Support

    Hi June,

    You can add this CSS to define the color:

    .single-post .entry-content ul li::marker {
        color: #00d07e;
    }

    And you need to modify this CSS you added: list-style-type to disc.
    https://www.screencast.com/t/cigcNa0eg5S

    Let me know if this helps πŸ™‚

    #2061882
    June

    Thanks Ying πŸ™‚
    It worked but some css setting is needed to adjust the bullets. Right now it appears like this.
    Also, is there any chance I could increase bullets size. I want to make it bit bigger.

    #2062053
    Ying
    Staff
    Customer Support

    You added this CSS to have negative text indent which you need to adjust:
    https://www.screencast.com/t/FOKgJhmUCiGd

    For bigger bullets, you can add font-size to the CSS I provided, so it becomes like this:

    .single-post .entry-content ul li::marker {
        color: #00d07e;
        font-size: 30px;
    }
    #2063067
    June

    Changed it and it is looking fine now. Thanks, Ying πŸ™‚
    Just want to fix one last thing. I want to align the bullet point and text as you can see here they’re are not coming in the same line. The bullet is up and the text is down. Please assist.

    #2063205
    Ying
    Staff
    Customer Support

    I’m not familiar of the list style CSS, I’m not aware of a way to align the current bullet and the text when they have different font size.

    I would suggest using Headline block of GenerateBlocks to recreate the list. In that way, you should be able to create the list with icons without using CSS.

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