Tagged: the events calendar, Upcoming events
Hi Guys
Looking to make the upcoming events section of this page to look like the Latest News, as you can see it currently looks a mess?!
Not sure why, I tried to put some quick css in that I read on the forum but it has no effect,
Thanks
Liam
Hey lvernon,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#top.home #av_section_3 .av-upcoming-event-image {
width: 210px !important;
}
#top.home #av_section_3 .av-upcoming-event-data {
float:left !important;
}
#top.home #av_section_3 .av-upcoming-event-entry.av-upcoming-event-with-image {
margin-right: 4%!important;
}
After applying the css, Please clear your browser cache and check.
Best regards,
Mike
So Close!!!!!
The last entry falls off to the next page.. I need to remove the right margin from the last entry, or at least let it flow over?
I added ID’s into the shortcode in order to get to the last one, and then specified 0 for margin. I don’t know if there’s a cleaner way to do it?
Hi,
That is a good way. Unless there is anything else we can assist with on this issue, shall we close this then?
Best regards,
Mike
Thanks yes – Spot on cheers
Liam
Hi
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)
Best regards,
Mike