Cant change Event description color

Hi @wpmaster90,

Thank you for reaching out to us regarding the readability issue with the description on your website.

To address the blue color and improve the readability of the description, you can apply custom CSS to override the default styling.

Here’s an example of CSS code you can use:

.event-description {
color: black;
}

You can add this code to your theme’s custom CSS area or use a custom CSS plugin to apply the changes.

This will set the description text color to black, which should make it more legible on your website.

Please let us know how it goes.

Hello,

It didnt work.

https://event2nite.de/events/

The text of the location as well.

How do we change that?

• This reply was modified 1 year, 8 months ago by wpmaster90.

Hi @wpmaster90,

I apologize for the inconvenience.

If the previous CSS code didn’t work as expected, let’s try an alternative approach to change the color of the description and location text on your website.

Please add the following CSS code to your theme’s custom CSS area or use a custom CSS plugin:

.event-description,
.tribe-events-venue-details {
color: #000000 !important; /* Replace #000000 with the desired color code */
}

Make sure to replace #000000 with the specific color code you want to use. For example, #000000 represents black.

Once you have added the CSS code, save the changes and refresh your event page.

The description and location text should now appear in the new color you specified.

Let us know how it goes.

Is there a website to see all the commands like

.event-description,
.tribe-events-venue-details

Thanks!

Hi @wpmaster90,

Thank you for your response.

To find CSS selectors and their corresponding properties, you can use the browser’s built-in developer tools.

Here’s how you can access them:

1. Open your event page in a web browser (Google Chrome, Firefox, etc.).
2. Right-click on the description or location text that you want to modify.
3. From the context menu, select “Inspect” or “Inspect Element.” This will open the browser’s developer tools panel.
4. In the developer tools panel, you’ll see the HTML code of the selected element, along with its associated CSS styles on the right-hand side.
5. Look for the relevant CSS classes or IDs that are applied to the description and location elements. They may vary depending on your theme and specific event calendar setup.
6. Once you have identified the CSS selector(s) for the description and location, you can use them in your custom CSS code to apply the desired changes.

You can also refer to the official documentation or knowledge base of your theme or website builder for information on how to modify CSS styles.

Let us know how it goes.

Hi @wpmaster90

This thread has been inactive for a while, so we’ll go ahead and mark it Resolved. Please open a new thread if any other questions arise, and we’d be happy to help.