Dates disappear on large screen

Hi,

It seems you’re using some kind of content builder for the event info and that CSS overrides whole structure of the event list. Can you add the event info text without using that builder?

Guido

Thanks Guido. I added an event without using the page builder and indeed the date is displayed in all sizes. I would like to find a solution without having to reenter all past events.

Hi,

It’s caused by the main container in event text, are you able to change its CSS/styling? Don’t set background color or set to transparent, if possible.

If not, try this at the Extra CSS page of the Customizer:

.page-id-2026 #grve-main-content .grve-section {background-color: transparent !important;}

It’s now only being used at the events page (with ID 2026).

Guido

Fantastic. It works perfectly on the page in question. How do I get the code to work on all pages with events?

Do I have to call up all the pages with their ID?

Thanks

Hi,

Great!

When inspecting the source code of the page you can look for the body tag and one of the classes contains the ID of the page, such as page-id-2026.

Or open the page in your editor, the ID is part of the URL.

Guido

Problem solved. Thanks so much for your help. Marking this thread as resolved.

You’re welcome.

Instead of the CSS-fix please try to change this background color via the settings of the builder, if present. It’s always better to use the available settings instead of a CSS-fix.

Guido