Event List Widget: Want bullets and no blank line between events

Home Forums Calendar Products Events Calendar PRO Event List Widget: Want bullets and no blank line between events

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #55727
    Susan Goodman
    Participant

    After upgrading to the latest versions, I’ve had a problem with the Event List widget. The Theme was designed using Artisteer. The font was too large so I changed it in the CSS file (.art-blockcontent h4). I would like bullets (similar to the Recent Posts block) and would like to remove the blank line between the events. Is this possible? I’ve tried adding .art-blockconten h4 ul li and ol li but it did not work.
    Any help will be appreciated.
    Versions: Events Calendar 3.0.1 PRO: 3.0.3

    #55885
    Susan Goodman
    Participant

    I finally found the css code to add the bullets (line 1190), but there is still a blank line between the events listed.

    #55976
    reid peifer
    Member

    Hi Susan
    I took a quick look at your widget. I think all ya have to do is adjust the bottom margin on each item. Try pasting this code into your css file. You can adjust the 10px up or down to your liking. Let me know if that works.


    .tribe-events-adv-list-widget ol li {
    margin-bottom: 10px;
    }

    #56476
    Susan Goodman
    Participant

    Reid,
    I’m afraid it did not work. I am not using “advanced” list widget. Could that be the reason?

    Sue

    #56560
    reid peifer
    Member

    Hi Susan
    I just went to check your site, but it looks like you’re having a server problem. Is your database down?

    #56953
    Susan Goodman
    Participant

    Hi Reid,
    If there was a problem it must be ok now. I was able to access the site.
    Sue

    #56957
    reid peifer
    Member

    Hi Sue
    I just double checked your site, and that *snippet* should be right. Can you add it to your stylesheet, and let me know when it’s there? Then I can see why it’s not overriding the plugin styles and tweak the snippet accordingly.

    #57123
    Susan Goodman
    Participant

    Hi Reid,
    I added it to the sites’s css file. I didn’t think placement would matter…if it does, please let me know. I truly appreciate your help.
    Sue

    #58200
    reid peifer
    Member

    Hi Susan
    You’re almost there! Just add !important after the 5px. So in the end your code will look like this
    .tribe-events-adv-list-widget ol li { margin-bottom: 5px !important; }

    #58378
    Susan Goodman
    Participant

    Hallelujah..it’s a go!!! Thanks so much Reid, you’re terrific!!
    Sue

    #58907
    Rob
    Member

    Awesome to hear that got you sorted, Susan! Thanks for confirming as much. I’m going to go ahead and close this thread but if you need anything else, please don’t hesitate to let us know. Thanks again for your patience and support so far.

    #980046
    Support Droid
    Keymaster

    This topic has not been active for quite some time and will now be closed.

    If you still need assistance please simply open a new topic (linking to this one if necessary)
    and one of the team will be only too happy to help.

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Event List Widget: Want bullets and no blank line between events’ is closed to new replies.