Background color of day with events in full calendar

191163

Ticket #191163 Public

Background color of day with events in full calendar

I have the following custom code provided by you a few months ago to change the background color of a day with events. This color really doesn’t work well because it doesn’t stand out. To experiment, I tried changing the code below in the first from the beige it is now (similar to #f6e7bc) to the following to turn it back to white, but it is not working. If this doesn’t work then I cannot figure out how I would change the color behind a calendar day that has events. The calendar can be found at https://staging.bpiads.org/calendar/. Thanks for your help.

Existing custom code:
.evo_fc_day.lstdw.has_events {
background-color: #ffffff !important;
}
.eventon_fc_daynames {
background-color: #ffffff;
}

BY: Maureen Kelly - Aug 24,2020 AT 11:49AM - 3 years ago

- By: Basilis Kanonidis Aug 24,2020 AT 12:44PM - Posted 3 years ago - #191182
  .evo_fc_day.lstdw.has_events {
  background-color: #ffffff !important;
  }
  .eventon_fc_daynames {
  background-color: #ffffff;
  }
  
  Please try it like that 🙂
  
  Let us know if it does what you need
- By: Maureen Kelly Aug 24,2020 AT 6:05PM - Posted 3 years ago - #191250
  No, unfortunately, I am still seeing that same beige color behind events on the full calendar view. Since that is also the page background color it just isn’t a color that will work. If I reset all the settings, will that fix the issue? I do want the background to be white on the calendar.
- By: Maureen Kelly Aug 24,2020 AT 6:07PM - Posted 3 years ago - #191251
  PS it looks like the code you just gave me is exactly the same as in my original message?
- By: Artem Aug 25,2020 AT 3:18AM - Posted 3 years ago - #191273
  You can change this colour from EventON > Appearance > FullCal:
  
  OR Please use this code:
  
  .evo_fc_day.has_events { background-color: #ffffff !important; opacity: 1 !important; }
- By: Maureen Kelly Aug 25,2020 AT 6:08AM - Posted 3 years ago - #191310
  I’ve changed the settings per images and also the custom code when that didn’t work… see screenshots below for what I’m getting and what the settings are. I don’t know if the page background color is overriding the calendar color? or what could be causing this issue. I don’t want to mess up my whole website in trying to get the calendar color right.
- By: Maureen Kelly Aug 25,2020 AT 6:08AM - Posted 3 years ago - #191312
- By: Artem Aug 25,2020 AT 7:23AM - Posted 3 years ago - #191325
  This style overrides everything else:
  
  Could you remove it from https://staging.bpiads.org/wp-content/et-cache/83/et-core-unified-83-15983174057222.min.css?
- By: Maureen Kelly Aug 25,2020 AT 7:38AM - Posted 3 years ago - #191340
  Yep that’s what I was starting to wonder – it’s interesting that it doesn’t affect the main calendar (the days without events). I will have to see if I can override that for just the one page, otherwise it will break the look of my entire site. Thanks for your help!
- By: Maureen Kelly Aug 25,2020 AT 8:55AM - Posted 3 years ago - #191349
  So I found a bit of code in the custom settings for my theme that had that yellow color and when I changed it to this >> .evo_fc_day.lstdw.has_events {background-color: #ffffff !important;} it worked. How do I similarly set the code for a hover color on days that have events. The settings in the full calendar itself aren’t working to change that color.
- By: Basilis Kanonidis Aug 25,2020 AT 1:04PM - Posted 3 years ago - #191373
  Hi Maureen,
  
  Who has added this custom code. The CSS of our plugin do not get applied, because you have this option added to custom CSS.
  
  You need to remove them so they work.
- By: Maureen Kelly Aug 25,2020 AT 2:39PM - Posted 3 years ago - #191425
  This code is not added to custom css – it is added in the custom styles area of EventOn. It works, however, the styles in “fullcal” do not regardless of how I set them.
- By: Maureen Kelly Aug 26,2020 AT 5:44AM - Posted 3 years ago - #191562
  Now I’ve taken out any custom CSS (within “styles” in EventOn) and made sure my “fullcal” settings were the way I want them and THIS is what I get. What is going on here? I’m really frustrated and don’t know how to fix this 🙁
- By: Artem Aug 26,2020 AT 5:49AM - Posted 3 years ago - #191565
  I added the code from “Aug 25,2020 AT 3:18AM – Posted 1 Day Ago – #191273” to EventON > Styles. Days with events are white now:
  
  Please check and let me know.
- By: Maureen Kelly Aug 26,2020 AT 6:05AM - Posted 3 years ago - #191568
  Screenshot of settings
- By: Maureen Kelly Aug 26,2020 AT 6:08AM - Posted 3 years ago - #191571
  I didn’t know you were in the site and I might have overwritten what you did by accident… but the colors are the teal shades above at the moment. Ideally, I want the background white but when you hover over a day with events, I would like it to turn a light color of blue, teal or gray… something to let the viewer know that there is something there.
- By: Artem Aug 26,2020 AT 9:56AM - Posted 3 years ago - #191621
  It seems that you deleted my code. Please add it to Appearance > Customize > Additional CSS.
  
  About hover. Please use this code:
  
  .eventon_fullcal .eventon_fc_days .evo_fc_day.on_focus:hover, .eventon_fc_days .evo_fc_day.has_events:hover { background: red !important; color: white !important; }
- By: Maureen Kelly Aug 26,2020 AT 10:24AM - Posted 3 years ago - #191631
  Great – thanks. Everything is working now 🙂
- By: Basilis Kanonidis Aug 26,2020 AT 11:22AM - Posted 3 years ago - #191645
  That sounds great Maureen!
  
  If you have a moment, we would greatly appreciate if you could kindly leave us a review at codecanyon! from your account > downloads. Cheers!