• Resolved Anonymous User 13711045

    (@anonymized-13711045)


    In the customizer settings I have set my event title colors to be white. In the calendar list view I can see that the h3 headings are indeed set to white. However, the link to the event is within the h3 tag and has this set for the color…

    color: var(--tec-color-text-primary);

    That variable has a value of #141827. Where do I adjust the tec-color-text-primary color in the customizer and why are the heading colors not being applied properly? Setting colors in general is a little frustrating and not consistent.

    • This topic was modified 2 years, 1 month ago by Anonymous User 13711045.
    • This topic was modified 2 years, 1 month ago by Anonymous User 13711045.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Darian

    (@d0153)

    Hi @thekendog

    Thanks for reaching out. Let me help you with this one.

    It seems this could be related to a bug that we are currently working on. Could you try adding the following CSS to Appearance > Customize > Additional CSS, and see if that helps:

    .tribe-common .tribe-events-calendar-list__event-title-link:not(.tribe-common-anchor--unstyle),
    .tribe-common .tribe-events-calendar-list__event-title-link:not(.tribe-common-anchor--unstyle):active,
    .tribe-common .tribe-events-calendar-list__event-title-link:not(.tribe-common-anchor--unstyle):focus,
    .tribe-common .tribe-events-calendar-list__event-title-link:not(.tribe-common-anchor--unstyle):hover,
    .tribe-common .tribe-events-calendar-list__event-title-link:not(.tribe-common-anchor--unstyle):visited,
    
    .tribe-common .tribe-events-calendar-month__calendar-event-title-link:not(.tribe-common-anchor--unstyle),
    .tribe-common .tribe-events-calendar-month__calendar-event-title-link:not(.tribe-common-anchor--unstyle):active,
    .tribe-common .tribe-events-calendar-month__calendar-event-title-link:not(.tribe-common-anchor--unstyle):focus,
    .tribe-common .tribe-events-calendar-month__calendar-event-title-link:not(.tribe-common-anchor--unstyle):hover,
    .tribe-common .tribe-events-calendar-month__calendar-event-title-link:not(.tribe-common-anchor--unstyle):visited,
    
    .tribe-common .tribe-events-calendar-day__event-title-link:not(.tribe-common-anchor--unstyle),
    .tribe-common .tribe-events-calendar-day__event-title-link:not(.tribe-common-anchor--unstyle):active,
    .tribe-common .tribe-events-calendar-day__event-title-link:not(.tribe-common-anchor--unstyle):focus,
    .tribe-common .tribe-events-calendar-day__event-title-link:not(.tribe-common-anchor--unstyle):hover,
    .tribe-common .tribe-events-calendar-day__event-title-link:not(.tribe-common-anchor--unstyle):visited
    {
    	color: var(--tec-color-text-events-title);
    }

    Let me know how it goes.

    Thread Starter Anonymous User 13711045

    (@anonymized-13711045)

    So that works but the event location and description are still using the –tec-color-text-primary color, which is not configurable in the customizer. Is this bug that is being worked on allow users to configure all colors properly without having to write a bunch of CSS?

    Plugin Support Darian

    (@d0153)

    Hi @thekendog

    Unfortunately, the location and description is not included in the Customize settings. As of now, you’ll need to add a custom CSS if you want it changed.

    As for the bug, we’ve already created an internal ticket [TEC-5036] to address this issue and I’ve included your specific use case in it to communicate it to our team.

    We prioritize bugs by taking into consideration the number of users impacted as well as how the bug impacts one’s ability to run an event/sell tickets. I don’t have a specific timeline as to when this issue will be resolved, but trust that our team is aware. Our team communicates updates and bug fixes in our newsletter and via our changelog.

    I’m happy to help if any other questions are coming up around this topic, otherwise I’ll go ahead and close this ticket.

    Thanks again for reporting this issue and for using The Events Calendar! Have a great day.


    Internal Bug Ticket Reference: [TEC-5036]

    Jewel Clark

    (@madmaudlin)

    This is also happening on a site we manage. I’ve had to go in and customize a boatload of text colors so they will show up. The CSS that seems to be overriding the native style controls is:

    .tribe-common a:not(.tribe-common-anchor–unstyle), .tribe-common a:not(.tribe-common-anchor–unstyle):active, .tribe-common a:not(.tribe-common-anchor–unstyle):focus, .tribe-common a:not(.tribe-common-anchor–unstyle):hover, .tribe-common a:not(.tribe-common-anchor–unstyle):visited {
    color: var(–tec-color-text-primary);
    outline: 0;
    text-decoration: none;

    located in: wp-content/plugins/the-events-calendar/common/src/resources/css/common-full.min.css?ver=5.2.5

    Hope that helps.

    Plugin Support Darian

    (@d0153)

    Hi @madmaudlin

    Thank you for reaching out. I appreciate the information you have provided. I will promptly communicate this with the team for their review and to update the relevant files to resolve this issue.

    Please don’t hesitate to start a new thread if you have any further questions or cocncerns. This helps us keep track of topics and issues effectively and ensures that we follow the guidelines of the WordPress Forum.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Styling is Not Working Properly’ is closed to new replies.