Altering event listing look?

Hi @kar2k,

I think you have already overridden template files so now you can change the display_event_banner() function in your template file called content-event_listing.php

Change the argument in this function like <?php display_event_banner('full'); ?>

You can pass full,medium,thumbnail argument and this image size you can define in the media settings. Full size image will be original image that you have uploaded.

Thank you, I feel like in an update you guys should make that customizable by widget settings and shortcodes. Because the default look is really weird.

Also how do I edit the CSS of like event-title, event-ticket etc? I tried additional CSS in customizer and css in elementor.. nothing works. I want to alter the box look a bit.

• This reply was modified 5 years, 10 months ago by Kar2k.

Hi @kar2k,

If you have added custom css it should work. Where you have added custom css ?

I have done custom css several time it makes no issue. Some time due to several theme’s css you might need to apply !important in your css style.

The default layout and design is basic css you can easily override it from your theme or it will automatically take the default bootstrap css which is given in theme.

Let me know if you still facing issue.

#event-ticket {
    color: white !important;
    font-size: 20px !important;
}

#event-widget {
    background: 0 !important;
		border: 0px !important;
  background-color: lightgrey !important;
}

Not working? Just testing it out.

I put it in additional CSS (using OceanWP) and i tried elementor page extra css too, nothing.

https://findahfete.com/

Hi @kar2k ,
You are adding # instead of . In css # is for id and . for class.

.event-ticket {
    color: white !important;
    font-size: 20px !important;
}

.event-widget {
    background: 0 !important;
		border: 0px !important;
  background-color: lightgrey !important;
}

I’m such an idiot. Thank you very much!