|
ssemse2012
|
February 25, 2020 at 9:11 pm
Hello…
I am trying to do two things. The first is to put my upcoming events into columns of two or three so the user doesn’t have to scroll so much. For mobile users, the events can still show as a single column.
I would also like to get the excerpt text centered under my event image. I can’t seem to be able to make that happen since upgrading to EE4.
You can see the bad alignment at redlineprep.net
|
|
Josh
|
February 26, 2020 at 8:04 am
Hi,
You can add the following to your custom CSS:
.ee-upcoming-events-widget-li > p {
text-align: center;
}
.ee-clearfix .ee-event-datetimes-li {
width: 100%;
}
@media only screen and (min-width: 767px) {
.ee-upcoming-events-widget-li {
width: 50%;
float: left;
}
}
@media only screen and (min-width: 960px) {
.ee-upcoming-events-widget-li {
width: 33%;
}
}
|
|
ssemse2012
|
February 26, 2020 at 1:27 pm
Awesome! Thanks!
|
