Support

Home Forums Event Espresso Premium Event Espresso Homepage Widget Content Fill Width of Screen

Event Espresso Homepage Widget Content Fill Width of Screen

Posted: June 23, 2016 at 8:45 am


Targeting Excellence

June 23, 2016 at 8:45 am

How do I get my events to display side by side instead of in a line down the page? I adjusted the width of the widget to 100% so the box now fills the entire screen but the content(actual events) do not fill the box.

http://targetingexcellence.org/


Lorenzo Orlando Caum

  • Support Staff

June 23, 2016 at 9:13 am

Hello,

Could you try adding this CSS to your site?

.home ul.ee-upcoming-events-widget-ul li{
display: inline-block;
}

.home .ee-upcoming-events-widget-title-h5 {
max-width: 275px
}

.home .ee-clearfix .ee-event-datetimes-li { width: 100% }

It can be added via a custom CSS area so if your theme has one that you could copy and paste it there. You could also use a plugin like Reaktiv CSS builder or Simple Custom CSS.


Lorenzo


Targeting Excellence

June 23, 2016 at 9:16 am

Perfect! I already had a custom CSS area in my theme and the code fixed it.

The support post ‘Event Espresso Homepage Widget Content Fill Width of Screen’ 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