Help to resize cover images on the event page

Site URL: https://www.portanova.pt/agenda

website pass: *******

I have a event posters previously made but when I try to add them to the event page they get cut. Now they are set to a 3:2 ratio mas no matter the ratio I select it always cuts the posters. On summary block, square space resizes them automatically and they fit perfectly but an automatic option is not available on the event page. How can I turn this around? Example on the image attached:

8 hours ago, Web_Solutions said:

Add these code Design > Custom CSS

[data-section-id="61f98f163ca1ac13750e82e9"] {
  .eventlist .eventlist-event{
    .eventlist-column-thumbnail{
      padding: 0 !important;
      height: auto !important;
      img{
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: auto !important;
      }
    }
  }
}

 

It worked thanks 😉

Welcome

8 minutes ago, Web_Solutions said:

Welcome

Btw, do you have any css code for altering the text on the buttons of event page that say "show events"...in my case "exibir eventos"

Add these code Settings > Advanced > Code Injection > HEADER

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(function(){
  $('[data-section-id="61f98f163ca1ac13750e82e9"] .eventlist-button.sqs-editable-button.sqs-button-element--primary').text("Example Text");
});
</script>

On 4/13/2022 at 11:17 AM, Web_Solutions said:

Add these code Settings > Advanced > Code Injection > HEADER

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(function(){
  $('[data-section-id="61f98f163ca1ac13750e82e9"] .eventlist-button.sqs-editable-button.sqs-button-element--primary').text("Example Text");
});
</script>

 

Thank you...I dont have premium features. Is there any other way?