Modify color with CSS in the event detail page

Hi,
I'm trying to change the text color to black but I can't get it to work.
I tried adding: css

.eb-page-heading {
  color: #000000 !important;
}
.eb-event-properties-heading {
  color: #000000 !important;
}

in YOOtheme's Custom CSS, but it only changes
I also tried adding this code in the "Event Registrant" Custom CSS field

.eb-page-heading {color:#000}
.eb-event-properties-heading {color:#000}

But still nothing. How should I proceed?
I'm attaching a screenshot of the page in question.Thanks

Hi Marco

Please send us link to the page and explain the change you want. We will look at it and guide you

Regards,

Tuan

italyopen.marinapoolclub.it/index.php/event-registration

I can't see the white text on the white background; I'd like to change it.

Hi Marco

The text should still be white, just the page should not use white background color. Could you please go to Events Booking -> Configuration, look at Themes tab, set Activate Transparent config option to Yes, then check it again. The issue should be sorted

Regards,

Tuan

Great
How do I change the color of the link to the location?
Thank you

That's an a tag and it is controlled by the css of your template. Maybe you should check and change css of your site template to have it changed everywhere. If you just want to change it with Events Booking, go to Events Booking -> Configuration, look at Custom CSS tab, enter this css code:

.eb-container a:link, .eb-container a:hover, .eb-container a:visited
{
color : #fff !important;
}

Then try again. It should be white and looks good with that background

Regards,

Tuan