Support

Home Forums Event Espresso Premium Upcoming events widget styling using EE4

Upcoming events widget styling using EE4

Posted: April 14, 2015 at 10:36 am

Viewing 1 reply thread


Sarah

April 14, 2015 at 10:36 am

I found a lot of topics about this but nothing conclusive and docs only for EE3. It appears that EE injects each event into the upcoming events widget but with a lot of padding that seems hard to remove. I can’t find the rule using chrome dev tools to adjust this via CSS so it must be in a template somewhere.

http://screencast.com/t/QBMKif6UW3

The site is here

It would be great if there were a couple of decent looking widget options out of the box.


Lorenzo Orlando Caum

  • Support Staff

April 14, 2015 at 11:14 am

Hi Sarah,

Event Espresso comes with a basic set of styles and a portion of the styles are inherited from your theme. This is why a solution for another member running a different theme may not apply to your theme.

I see that your theme has a margin top setting and that is also being combined with the margin top in the widget for the H5 tag (title for events in widget).

Try adding this CSS to remove that margin:

.ee-upcoming-events-widget-title-h5 {
	margin: 0;
}


Lorenzo

Viewing 1 reply thread

The support post ‘Upcoming events widget styling using EE4’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso