Full Cal – change border line weight color

164249

Full Cal - change border line weight color

Hi,

Can you recommend styling code to update the Full Cal addon outline, border weight and color? Currently it is not visible on a white background or any background color. Can be be 2px weight and a darker grey?

Thank you!

BY: HCA HCA - Feb 18,2020 AT 7:30AM - 5 years ago

- Artem Feb 18,2020 AT 10:32PM - Posted 5 years ago - #164350
  Please go to eventon->styles and add following code in the panel and save the settings:
  
  .eventon_fullcal .evo_fc_day {
  border-top: 2px solid #828080 !important;
  border-right: 2px solid #828080 !important;
  border-bottom: 2px solid transparent
  }
  .eventon_fc_days{
  border-left: 2px solid #828080 !important;
  }
  
  If you do not see any changes, go to myeventon->settings and turn on “Write dynamic styles to header” button.
  
  If you still do not see any change, turn off “Write dynamic styles to header” button, save the settings, turn it back and save the settings again.
  
  Thank You
- HCA HCA Mar 1,2020 AT 10:01AM - Posted 5 years ago - #166120
  Great thank you! This seems to work, however there are parts where the line is not showing up for some reason. Go here:
  
  http://highlandctr.wpengine.com/calendar-grid/
- HCA HCA Mar 1,2020 AT 10:03AM - Posted 5 years ago - #166121
  Also, in addition to the above problem.
  
  Question 2: how do you make the top days of the week boxes to be not so tall, and fit the size of the day more, like in the demo version on your site. Thank you!
- HCA HCA Mar 1,2020 AT 10:49AM - Posted 5 years ago - #166127
  Ok so I figured out how to change the missing lines, however, the lines are not aligned so the weights look very wonky and some still look 2px. Please help! Here is the code now being used:
  
  .eventon_fullcal .evo_fc_day {
  border-top: 1px solid #828080 !important;
  border-right: 1px solid #828080 !important;
  border-bottom: 1px solid #828080 !important;
  border-left: 1px solid #828080 !important;
  }
  .eventon_fc_days{
  border-left: 1px solid #828080 !important;
  }
  
  Also, please help with the size of the day box like your demo. Thank you!
- Artem Mar 1,2020 AT 10:34PM - Posted 5 years ago - #166164
  Day of the week box and the rest are similar size in demo:
  
  http://addons.myeventon.com/full-cal/
- HCA HCA Mar 2,2020 AT 10:45AM - Posted 5 years ago - #166272
- HCA HCA Mar 2,2020 AT 10:48AM - Posted 5 years ago - #166274
  Not sure if my image appeared in my reply. Please see your demo under “2 event names inside date box”. The day of week boxes are smaller.
- HCA HCA Mar 2,2020 AT 10:49AM - Posted 5 years ago - #166276
  Are you able to help with the calendar styling? What do you suggest so that the outline of the calendar has even weight strokes around each edge?
- HCA HCA Mar 2,2020 AT 10:55AM - Posted 5 years ago - #166280
  I removed the styling so that it is back to the original styling with the extremely light line color. Since changing the stroke weight creates uneven borders, I’d like to change just the color to a darker grey. I tried the code you gave me above without the “1px solid”, however, that made the lines disappear. Thank you for your help, I relly appreciate it. I don’t mind about the days of the week size as long as viewers can see the calendar.
- Artem Mar 3,2020 AT 3:39AM - Posted 5 years ago - #166382
  It seems that this is not possible with CSS. Some of the lines will be much thicker than the others. You can send us a customization job request by creating a new ticket in here and selecting Customization Request as the category. Maybe one of our developers can make this using JS code.
  
  Question 2: how do you make the top days of the week boxes to be not so tall, and fit the size of the day more, like in the demo version on your site. Thank you!
  
  Please add this CSS code to EventON > Styles (If you can’t see any change, EventON > turn off Write styles to header > save settings > turn on Write styles to header):
  
  .eventon_fullcal .eventon_fc_daynames .evo_fc_day { padding: 5px 0 }