Home › Forums › Calendar Products › Events Calendar PRO › Event List Widget: Want bullets and no blank line between events
- This topic has 11 replies, 4 voices, and was last updated 10 years, 9 months ago by
Support Droid.
-
AuthorPosts
-
July 17, 2013 at 10:48 am #55727
Susan Goodman
ParticipantAfter 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.3July 18, 2013 at 9:31 am #55885Susan Goodman
ParticipantI finally found the css code to add the bullets (line 1190), but there is still a blank line between the events listed.
July 18, 2013 at 3:18 pm #55976reid peifer
MemberHi 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;
}
July 23, 2013 at 5:48 am #56476Susan Goodman
ParticipantReid,
I’m afraid it did not work. I am not using “advanced” list widget. Could that be the reason?Sue
July 23, 2013 at 10:19 am #56560reid peifer
MemberHi Susan
I just went to check your site, but it looks like you’re having a server problem. Is your database down?July 24, 2013 at 1:52 pm #56953Susan Goodman
ParticipantHi Reid,
If there was a problem it must be ok now. I was able to access the site.
SueJuly 24, 2013 at 2:21 pm #56957reid peifer
MemberHi 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.July 25, 2013 at 9:29 am #57123Susan Goodman
ParticipantHi 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.
SueJuly 31, 2013 at 11:20 pm #58200reid peifer
MemberHi 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; }August 1, 2013 at 2:43 pm #58378Susan Goodman
ParticipantHallelujah..it’s a go!!! Thanks so much Reid, you’re terrific!!
SueAugust 5, 2013 at 3:34 pm #58907Rob
MemberAwesome 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.
July 7, 2015 at 6:27 am #980046Support Droid
KeymasterThis 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. -
AuthorPosts
- The topic ‘Event List Widget: Want bullets and no blank line between events’ is closed to new replies.
