Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #1209130

    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,



    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,


    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?


    That is a good way. Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,


    Thanks yes – Spot on cheers


    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,

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Upcoming Events – Event Calendar Pro’ is closed to new replies.