Text color

Hello there!

Please be informed that all the colors of Timetable events may be changed on the events’ pages under the Dashboard > Timetable > Events, including the text color and text hover color.

As for the background color and size of the row with days, you may apply custom CSS under the Dashboard > Appearance > Customize > Additional CSS. Here’s an example:

.scheme_dark .mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th{
    background-color: #000 !important;
    height: 100px;
}
.scheme_dark .mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th:first-child{
    background-color: transparent !important;
}

At the expense of the font family, I may suggest you try using some third-party plugin like “Google Fonts Typography”.

Thank you very much @eugenewhite

Of course the colors of the events can be changed on the events page, I don’t know how I forgot about that. I also managed to change the background color of the top row with the awesome code you provided.

However, I still have two problems. Firstly, I can’t seem to find the option to change the color of the events’ times which is shown above the title of each event and right now is in grey (black on hover).

And secondly, I don’t know how to change the size of the text in the table (need them to be bigger). Do I need another CSS code for that?

Hello there!

You’re most welcome!
Please be informed that the time of your events should also be changed on the events page by changing the text color and text hover color. Let me know if you have any issues with that.

As for the font size, you may increase it by changing the appropriate setting in the Timetable block/widget or by the “font_size” attribute in the Timetable shortcode.

Thanks for the reply @eugenewhite

I managed to change most of the things I wanted like altering font sizes by learning to use the shortcodes and changing attributes, but unfortunately the text color from the events page doesn’t change the color of the event time text for me. My theme is from REXThemes and it comes with trx addons, and I think they have manipulated the timetable styles. Also, I couldn’t find the short code for this specific task.

As my last question, can you tell me which shortcode can overrride the color of the event time text?

Thank you.

• This reply was modified 2 years, 9 months ago by kourosh77.
• This reply was modified 2 years, 9 months ago by kourosh77.
• This reply was modified 2 years, 9 months ago by kourosh77.

Hello there!

Well, I noticed that there are two rules that set timeslot time colors to #818588. So I suggest you first check if you don’t have them on your Additional CSS page where custom CSS codes may be applied. If no and these styles are provided by your theme or add-on, then you may need to use this custom CSS code to override them:

.scheme_dark .mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .timeslot{
    color: #000 !important;
}

Hello there!

We haven’t heard from you in a while and will mark this topic as resolved. In case you still have some questions, please submit a new one.