FullCal Color Change

81 views
Skip to first unread message

Joey Skatell

unread,
Oct 31, 2013, 2:23:56 PM10/31/13
to myev...@googlegroups.com

How do you change the colors of the dates on the full cal?

All i can see is the "light gray" color and that does not work with my theme.

Maybe a CSS modify?


Thanks,
Joey

myEventON Admin

unread,
Nov 1, 2013, 11:36:45 AM11/1/13
to myev...@googlegroups.com
at the moment you will need to add custom CSS into change the colors. We are hoping to have these included in settings in the future versions.

Andrew Wilson

unread,
Dec 15, 2013, 8:43:08 AM12/15/13
to myev...@googlegroups.com
Can you please advise how to change in CSS, what needs to be changed. I am going through the source at the moment but I cannot 
see how to change the day (numbers) and the actual text color for the day. It would be extremely helpful if you included this kind of information 
in your replies rather than just say it needs custom css. 

Thanks 

Andrew

sebastian...@gmail.com

unread,
Jan 15, 2014, 3:34:35 PM1/15/14
to myev...@googlegroups.com
I am thinking about buying the plugin as well and a color change would also be important for me. Since I am not so far with my CSS insight, it would be great to get a tutorial on how to do that. Thanks for your time.

Michael Gamble

unread,
Jan 15, 2014, 8:30:39 PM1/15/14
to myev...@googlegroups.com
Hey Andrew,

Here are the items you want to add to your CSS in the eventon Styles area:

.evoFC_tip{
position:absolute;
background-color:#9e9e9e;
color:#f7f7f7;
padding:2px 6px;
line-height:110%;
font-size:10px
}

.evoFC_tip:before{
content:"";
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 5px 0 0;
border-color: #9e9e9e transparent transparent transparent;
position:absolute;
left:0;
bottom:-5px;
}

.eventon_fullcal {
padding:10px 0;
overflow:hidden;
width:100%;
position:relative
}

.evofc_month{float:left;}

.eventon_fullcal .eventon_fc_daynames .evo_fc_day{font-size:14px;}
.eventon_fullcal .eventon_fc_daynames .evo_fc_day:hover{cursor:default; color:#d4d4d4}

.eventon_fullcal .evo_fc_day{
display:block;
margin:0;
float:left;
width:14%;
text-align:center;
min-height:5px;
cursor:pointer;
border-top:3px solid transparent;
font-size:20px;
padding:4px 0;
color:#d4d4d4;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}

.eventon_fullcal .evo_fc_day.highl{
background-color:#faf8f5
}

.eventon_fullcal .evo_fc_day.evo_fc_empty{
padding:0; min-height:0;cursor:default
}

.eventon_fullcal .evo_fc_day:hover{
color:#9e9e9e;background-color:#fbfbfb; }
.eventon_fullcal .evo_fc_day.evo_fc_empty:hover{
background-color:transparent
}
.eventon_fullcal .evo_fc_day.on_focus{
background-color:#f7f7f7;
border-top:3px solid #9e9e9e;
}
.evo_fc_day.has_events{color:#dfa872; font-weight:700}

.eventon_fullcal p{
color: #d8d8d8;
padding: 0;
margin: 0;
text-transform: uppercase;
font-size: 13px;
font-family: oswald, 'arial narrow';
}


You will need to adjust the BOLD ITEMS like "COLOR" for text colors of the items, and the "Background-Colors" for the background-colors of the items too.

If you need more in depth adjustments, you will have to wait until we can release an update for this addon which allows backend color customization.

If you need priority support, please let me know and we can discuss a cost to change these colors in the meantime, to meet your requirements.

Regards,
Mike
Reply all
Reply to author
Forward
0 new messages