remove bullet from list with CSS

  • Resolved dgtnetworksrl

    (@dgtnetworksrl)


    4 years, 1 month ago

    I have an issue using shortcode in home page.
    I used this shortcode: [ecs-list-events excerpt=’300′ limit=’1′ thumb=’true’ thumbsize=’large’ contentorder=’title, date, thumbnail, excerpt’].
    The problem is that I am not able in any way to modify css to remove the bullet list.
    I tried any of this and nothing worked:
    ul li:before {
    list-style-type: none;
    }
    ul .ecs-event-list {
    list-style-type: none; !important;
    }
    li .ecs-event {
    list-style-type: none; !important;
    }
    ul .ecs-event .serate_ecs_category {
    list-style-type: none; !important;
    }
    .ecs-event li {
    list-style-type: none; !important;
    }
    .ecs-list-event ul {
    list-style-type: none; !important;
    }
    ul>li:before {
    list-style-type: none;
    }`
    Do you have any idea how to change css to remove the bullet list?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter dgtnetworksrl

    (@dgtnetworksrl)

    4 years, 1 month ago

    resolved with specific css

    Plugin Author Brian Hogg

    (@brianhogg)

    4 years, 1 month ago

    Glad you were able to get it sorted!

    In case it helps any future readers, there’s a video here I made on how to add the CSS and help finding what to change in case it’s needed:

    or a longer version with more examples of finding rules to override:

    Cheers!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘remove bullet from list with CSS’ is closed to new replies.