Remove Bullets from Events List

  • Resolved rickpoet

    (@rickpoet)


    5 years, 7 months ago

    Hi,

    I’ve seen this question asked a few times but I haven’t seen a solution that seems to work for me. I’m trying to eliminate the bullet points to the left of the events list at the bottom / middle of this page (to the right of the calendar widget) https://develop.nvjcc.org

    I saw a previous answer to this question suggesting to add CSS code somewhere. But I’m not sure to where to specifically add it (ie which box in the settings / formatting / events) and exactly what CSS could should be used.

    Any help would be appreciated. Thank you!

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

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

  • Hi,
    EM user here too ??

    That can be easily done with css. By assigning a class to your list, you can easily target individual lists. On your site, you have currently no additional classes assigned to this specific list, so targeting will be for all unordered lists.

    But I’m not sure to where to specifically add it

    If your theme supports it, the best place to add any additional css is in the Theme’s customizer (Dashboard > Appearance > Customize > Additional CSS).
    Add there:

    .elementor-widget-container ul { 
	list-style-type: none !important;
}

    Here’s a good read if interested ??
    https://www.w3schools.com/cssref/pr_list-style-type.asp

    Thread Starter rickpoet

    (@rickpoet)

    Thank you very much Patrick! Elementor has a way for me to apply CSS directly to specific elements. I used the code you had above and it worked instantly. I’ll check out the link as well.

    THANK YOU!

    My pleasure! Glad to help out ??
    Could you please mark this topic as resolved?

    Thread Starter rickpoet

    (@rickpoet)

    Resolved!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove Bullets from Events List’ is closed to new replies.