[Plugin: Ajax Event Calendar] Calendar colors

You can change the colors in the custom.css file to modify the calendar.
NOTE: if you update the plugin in the future, you will need to reapply any modifications you make.

Eran

Okay. Well I’ve been going through custom.css line by line for hours and the only thing I’ve found is changing the upcoming events and event details.

a line # would help.

Hmm…
Try looking at these lines, and adding colors as desired:

.fc-grid th{text-align:center}
.fc-grid .fc-day-number{float:right;padding:0 2px}
.fc-grid .fc-other-month .fc-day-number{filter:alpha(opacity=30);opacity:0.3}
.fc-grid .fc-day-content{clear:both;padding:2px 2px 1px}
.fc-grid .fc-event-time{font-weight:700}

Eran

Eh… no change. Here’s the link to my calendar, if you notice, the days of the week (sun – sat) aren’t readable and every other week has the color #eee, making the numbered days unreadable. https://www.screenprintsupply.com/?page_id=15

I think the best solution for me would make both of them transparent. I just cannot find where to do that. I tried changing the opacity in those lines you gave me with no luck.

so I guess… you aren’t going to tell me?

Didn’t get notification of your last post – I’ll take a peek now and do my best to help.

Eran

Well, I think I found the solution, let me know if you concur once you try the following:

add background: none or your choice of color to these classes.

Day Headings
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last

Day Squares
#aec-calendar td

You are the best! Thanks.

please tell me where in the CSS you can change the font color of location, period, website.
and can it support multilanguage? (plug-in qTranslate)
thanx

aeclub,
You’d have to add classes to that data to change the font color, right now those colors are determined inherited by your theme settings.
The plugin is localized into numerous languages, what is qTranslate?
Eran

please – https://aeclub.net/exmpl.gif
—
qTranslate – https://www.ads-software.com/extend/plugins/qtranslate/
it’s for 2 or more languages on a website.

thanx for helping me

aeclub,
Yes, that’s a problem, you need to :
a) adjust your theme css for h3 headers
b) add classes to override the css in your theme

I don’t use qTranslate and the plugin does supports multiple languages.
Eran

Thank you. I added it to your file – custom.css

my calendar fonts are not showing very well (white font on a very light background), and the month/day button overlaps the “show types” option. I tried to use the “background:none” suggestion in the aec-calendar td line as suggested above but there is no change. I also want to remove or move the “show types” at the top if possible.

I am fairly new and don’t read code very well – can you be specific on exactly where the lines are that I need to change, and what they should look like with the changes? It’s very appreciated.

fyi here is the site

https://www.realestatenetworkingnight.com/calendar