Border Color Showing Up Grey

  • Resolved bbounds89

    (@bbounds89)


    9 years, 2 months ago

    Hi,

    I just purchased the events calendar pro version for my multisite network using the Avada theme. Avada integrates the events calendar into its drag and drop pages builders and theme design. I was really excited to find this third party plugin that would allow me to cleanly and clearly differentiate events on my calendar.

    However, whenever I enter all of my colors and even get my legend working, I find that the border around the event title on my monthly calendar remains a gray-ish color. I’ve tried to figure out where it’s coming from and how to override the setting, but I’m coming up blank.

    I’ve inspected element and seen that it is some sort of border color issue overriding the color for your plugin because when I delete that part, the colors show through. I just don’t know how to change it in the code- I don’t don’t want to manually enter all of the colors in the CSS that I also manually enter in the plugin settings- have you seen anything like this before/know a way around the issue?

    I’ve attached a screenshot. Here is my website: https://webdev.waysideschools.org/events/

    https://www.ads-software.com/plugins/the-events-calendar-category-colors/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Andy Fragen

    (@afragen)

    Hey,

    You have CSS conflicts in 2 areas.

    1. In that massive, minified, inline CSS from avada-stylesheet-inline-css find and remove events-archive.events-gridview #tribe-events-content table .type-tribe_events this is on line 177.

    2. From tribe_events_pro_customizer_css on line 1799-1801. Remove the following.

    .events-archive.events-gridview #tribe-events-content table .type-tribe_events {
       border-color: #eaeaea;
}

    Plugin Author Andy Fragen

    (@afragen)

    I’ve discovered this seems to be an issue with how TEC/ECP saves and displays its Customizer settings. We’re working on a solution.

    In the meantime, if you want to override all of the TEC/ECP Customizer settings, add the following line to your functions.php file.

    add_filter( 'tribe_events_pro_customizer_css_template', '__return_empty_string', 20 );

    Has there been an update here? I’m seeing similar conflicts in my Avada install.

    Plugin Author Andy Fragen

    (@afragen)

    @leosaranceni without a URL I have no way of helping.

    Did you try the posted solution?

    The posted solution does remove the CSS, but does not fix the fact that TEC is still adding this weird batch of CSS.

    Weirdly enough, in our dev site we dont have the PRO version installed (we’re not allowed to) but we still get this injected into the <head>:

    <style type="text/css" id="tribe_events_pro_customizer_css">

    This is the site I’m referring to: https://njama.leosaraceni.net/event/mix-mingle-9-22-16/

    For now, I wrote a couple !important rules to override the customizer css and it’s fine, but a more permanent fix would be appreciated.

    Plugin Author Andy Fragen

    (@afragen)

    @leosaraceni the issue is with how The Events Calendar plugin interacts with the Customizer.

    It does not appear that you are using The Events Calendar Category Colors plugin.

    You should probably post an issue over on The Events Calendar forum or if you’re a PRO licensee over on the PRO support forums.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Border Color Showing Up Grey’ is closed to new replies.