|
globaldisciples
|
November 12, 2018 at 9:12 am
I like the layout of the Events Widget but would love it if it was in Grid Style – (not like the grid style).
So like this page. https://dev.globaldisciples.org/upcoming-events/ but instead of stacked – inline-block, like a grid?
|
|
Tony
|
November 12, 2018 at 10:23 am
Hi there,
The output on that page does not look like the upcoming events widget, it looks like the [ESPRESSO_EVENTS] shortcode?
In either case, I’m not sure what you mean by in a grid style, but not grid style? Can you post an example?
Adding something like:
.page-id-5199 article.espresso_events {
display: inline-block;
}
to your sites CSS will display the posts inline, is that what you are looking for?
|
|
globaldisciples
|
November 12, 2018 at 1:31 pm
This is perfect except where there is a long title then it looks funny. Thoughts?
I added
.page-id-5199 article.espresso_events {
display: inline-block;
margin: 0;
vertical-align: top;
}
See https://dev.globaldisciples.org/upcoming-events/
|
|
Tony
|
November 13, 2018 at 3:59 am
I think you’ll need to add a min-height to the elements leaving enough room to accommodate events that have longer titles.
|
