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


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

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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: closed

Updated by  Lorenzo Orlando Caum 9 years, 1 month ago ago

Topic Tags

Notifications

This topic is: not resolved
Event Espresso