How add own image to top of Events page?

Six days and no response! Come on someone from the Events Calendar team please!

Cheers

Geoff

I should make clear that I have created a page called events and this is where the Events Calendar results appear. I am tying to add an image at the top of this page which is different from the front page image. I attempt to do this by going to the events page and adding a “featured image”. This works for my other pages but not for this one. Why?

I am also using this css to prevent the default image from appearing;

.page-id-2 .site-branding { display: none;}

where 2 is the page ID for the events page.

Again this works for my other pages!

Geoff

Hey there @gcwp

Sorry for the delayed response here. Could you try adding it via Events ? Settings ? Display ? Add HTML Before

We are unable to support the customization request on a separate created page.

I hope we can get this working for you.

Thanks
Courtney ??

Thanks for your reply Courtney.

I have added the HTML as suggested and indeed the added image does appear on the events page.

But! The default header image from the twenty seventeen theme is still there! The other image just added is below it.

You can see what I mean here. The Wigmore Hall pic is the one just added with the before HTML.

https://geoff-ideas.co.uk/events/

I have used this css which does remove the top image from all pages except the events page.

.page-id-X .site-branding { display: none !important;} / where X is a page ID

How do I remove the top images?!

Cheers

Geoff

• This reply was modified 7 years, 2 months ago by gcwp.
• This reply was modified 7 years, 2 months ago by gcwp.
• This reply was modified 7 years, 2 months ago by gcwp.

Hi Geoff

Can you add the following code to your child theme, or in Appearance ? Customize ? Additional CSS?
.site-branding {display:none !important}

Thanks
Courtney ??

Courtney

That works! Why when I use the same css except I use the ID for the events page that does not work?!

Geoff

Hey @gcwp,

I am not sure exactly, but my guess would be that it has to do with either CSS hierarchy (e.g.: the use of !important in Courtney’s snippet) or something in the CSS syntax you are using.

Cheers,
Geoff B.

I too had the ! so must be something else. Will look at it again.

Thanks

Geoff