Customize Events List Advanced Widget to add space before start date

[Cathy]

I am using The Events Calendar PRO with a Genesis theme that includes a ‘>’ bullet in front of all widget list items. With the Events List Advanced Widget the ‘>’ bullet ovelaps with the first two characters of the event start date. I’d like to customize the format of the events list widget so that the start date has a few spaces in front of it to avoid that overlap.

Should I copy the views/events-advanced-list-load-widget-display.php file into an events folder and edit that to make the change? And, if so, what specifically do I need to add in order to insert two or three spaces before the start date so that there is no overlap with the ‘>’ bullets in the list?

You can see the overlap in the widget here:
http://www.ecobuzzla.com

Thanks so much! I really love the Events Calendar!

[Joyce Grace]

Hi Cathy,
Can you try adding the following to your child theme’s CSS file?

.eventsListWidget li, .singular.page li.hentry, .eventsAdvancedListWidget li, .singular.page li.hentry {
background: none;
margin: 6px 0 !important;
padding: 0 0 10px !important;
}

That should take out the “>” all together, which will at least get the list looking better than it is now. If you want the “>” you’ll need to adjust the margin or padding a bit. But that will get the text wrapping around the “>”. If you want it to look like a list, you might need to do some more customizing with the CSS for that particular widget ul and li attributes.

Let me know if this helps!

[Cathy]

I modified the events.css to include 15px of left padding and that seems to have done the trick:

.eventsListWidget li, .singular.page li.hentry, .eventsAdvancedListWidget li, .singular.page li.hentry {
margin:6px 0 !important;
padding: 0 0 10px 15px !important;
}

I’ll assume this is the best way to handle my problem unless you tell me otherwise. Thanks!

[Joyce Grace]

Hi Cathy! If that works for you, it works for me! I would just put that line of CSS in the child theme folder because you’ll lose that change the next time you update the plugin, which would be a hassle to have to re-do every time 🙂

[Support Droid]

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.

[Author]

Posts