Support

Home Forums Event Espresso Premium EE4: Event Page – Remove the extra space around the Featured Image

EE4: Event Page – Remove the extra space around the Featured Image

Posted: April 29, 2019 at 11:28 am

Viewing 1 reply thread


mbeede@tracom.com

April 29, 2019 at 11:28 am

Greetings – I am performing a few adjustment to my Event page. It includes a featured image (made a little smaller) I am trying to remove most of the extra space below the featured image and before the 1st paragraph. I thought that CSS like this would do the trick:

/* Event Page: Resize the Featured Image to make it smaller */
div.overlay-element.bg-img.card-img-contained {
margin: 0px auto 0px auto;
width: 350px;
}

But it’s not. I can’t the space out of there. Can you tell me what I am doing wrong. The URL if you want to see the page is:
https://tracomtests.wpengine.com/sessions/cert-virt-social-style

Thanks in advance – Mark


Josh

  • Support Staff

April 29, 2019 at 11:42 am

Hi Mark,

The spacing around the featured image is actually controlled by your WordPress theme, not Event Espresso. It looks like you could override with this:

#page-hero.page-hero-overlay + section {

    padding-top: calc(100px + 5rem);

}

You’ll also probably need to adjust the above for other breakpoints.

Viewing 1 reply thread

The support post ‘EE4: Event Page – Remove the extra space around the Featured Image’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso