Change Eventful Days color in calendar widget

[Anonymous]

Hi,
I’ve looked through all the post for CSS for Calendar Widget and I’ve tried a few things but failed miserably.
Here is what I’d like to see: that eventful days show in a different color in the calendar widget (in the sidebar). In other words, if there are events on the 3rd the 15th of a given month, I’d like those dates to show in a different color.
Ideally, there would be a specific color for one-time event days and a differnet color for recurring-events only days.
But I can certainly live with just having a different color for days with events.
Thanks
Marie

[Franky]

See the doc concerning CSS: http://www.e-dynamics.be/wordpress/?cat=30
I added an CSS-entry to it as example on how to change the background for eventful days.

[Anonymous]

Hi,
Thanks for that. However,

I wouldn’t mind changing the background for the day (eventful-today) but not for every day where there is an event, because it’ll become really cluttered (there are many events in any given week) .

What would be the code to change the color of the font (not the background) for eventful days that are not today?

(And what is a location-balloon?)

The site is live and I can’t screw this up.

Thanks again for your help.

If you could just give me the specific code to change the font color (or background) and nothing else, I’d appreciate.

[Franky]

CSS is something you should learn to master, using a CSS-debugger like firebug also helps.
Learn CSS here: http://www.w3schools.com/css/

[Anonymous]

Ok Franky,

What I need is help. A simple answer to: How do I change the color of the date, not the background.

I know enough CSS to change colors, I DON’T KNOW WHERE TO FIND THE RIGHT CODE because every solution I’ve found here doesnt work, and when I ask how to change the color of the date you answer with how to change the background (!!!!!).

I don’t know who you are, but here is my position here as a user and “client”:

If your are NOT with the EME team, the please STOP ANSWERING BESIDES THE QUESTION because it leads other to think this is being answered when it is not. I’m still sutck with the same problem and you HAVE NOT HELPED AT ALL. In fact, you have lessened my chances of getting an actual answer to my actual question in a timely fashion.

If you are with the EME team, and you don’t want to answer my question, please refrain from patronizing me. I’m in an emergency, and if you want to patronize me instead of helping me, then I’ll just choose a different calendar and “donate” my money to more helpful people..

At this point, I’m wondering if you even know how to do it because you’ve been giving me answers that dont solve my problem.

So now, please give me the code (and tell me where to find it) to change the color of the DATE (not the background) in the WIDGET calendar.

Thanks

[Franky]

I’m the one and only EME developer, and since you don’t pay me for support, I’m pointing you in the direction you should go. I don’t solve all CSS problems for all persons, I like to direct my energy to functionality for the plugin.
I DO know enough about CSS, but it seems you don’t since I gave enough hints on how to do it. You need to look at the HTML code generated to see which cell in the table uses which class, and then base your CSS on that. That’s the example I gave with the “.eventful” entry in the doc I mentioned above. And apparently you also don’t understand CSS enough to just simple be able to change “background” to just “color”. And even then, CSS from your theme can overwrite links to be in another color.
So you see: since you don’t even provide a link as an example, I can’t even really help you.

[Anonymous]

The site is here: wentworth-nord.ca
I said from the start I didn’t know CSS.
I intend to Donate (as suggested) but not if I can’t make it work the way I need it to, and not if I have to learn CSS to make it work the way I need it to.
I asked a simple question, I would have appreciated a simple answer, not a lecture.

Marie

[Franky]

Look at your posts: you never mentioned you don’t know CSS (but I figured that much already), you even said “I know enough CSS to change colors”

Anyway, this changes the color in your case:

#right-sidebar .eventful a {
    color: #222222;
}

And for hovering over with the mouse, you can use this:

#right-sidebar .eventful a:hover {
    color: #222222;
}

Change the colorcodes to your liking.

Again: I normally don’t support CSS issues (unless it’s a bug in the code somewhere), so you really should read the doc I mentioned. It will save you huge amounts of time and help you with future changes you want to do to the layout.

[Anonymous]

Hi,

I’m afraid that solution doesn’t work.

The color changes on hover whether or not the eme.css file with that code is present, but the dates on which there are events still don’t show in color at all except on hover.
I tried uptting the eme.css file in the css directory of the parent theme and in the child theme directory, with no success.

My theme allows for custom css, but I’m not sure using that feature/interface with the code you provided would affect the plugin itself (I mean if the code is not in a “eme.css” file, how does the theme css recognize this code is to be applied on the plugin?).

If you have another solutin, I’m listening.

Thanks

[Franky]

Read the doc again: put the eme.css file in your theme dir, not the CSS subdir.
I admit that is not the best place to put it, but it’s kind of legacy. If you want to be able to put eme.css in your theme CSS dir, create a feature request.
Also: just changing (in your case), mesocolumn-child/style.css would do it too.

[Anonymous]

I’ll try it, but I assure you I can read and I know how to follow instructions. Here is what your instructions say http://www.e-dynamics.be/wordpress/?cat=30:

Almost everything generated by Events Made Easy can be changed in layout using stylesheets (CSS).
Create a file called ‘eme.css’ in your theme CSS directory and put in there e.g.: […]

[Anonymous]

Now, I tried to put the eme.css file in the theme directory, and that didn’t work either’.

So I decided to put the code directly in the custom CSS interface provided in the theme’s options and that actually worked.

[Franky]

Indeed, in your theme CSS dir (I was typing that at work, and checked the code later on). I even use the standard wordpress function calls get_stylesheet_directory (to check for the existence of that dir and file) and get_stylesheet_directory_uri (to give the css url to the browser).
So if your theme does not register a CSS subdir with wordpress, wordpress (and by definition EME) doesn’t know where to look for the extra CSS file.
In other words: not the best of themes, but maybe it’s the intention of the theme developer. Like I said: learning CSS always helps.

[Anonymous]

Ok, so in other words, you blame me for not reading instructions, give me different instructions, and when that fails and I check back and prove I had read instructions, all you have to say is put the blame on the theme…

Like I said, I don’t know CSS, so I’ll have to believe you.

But when it comes to relationships with users, I believe I can affirm with a good degree of certainty that a tiny-little-bit of an apology [for affirming I had not followed your instructions and wasting my time trying other solutions when in fact I had already done the necessary steps] would have gone a long way…

But thanks anyway, and have a great day!

Marie
PS: I’m sure you’d make LOADS more money if you were just a bit friendlier with users, and even MORE LOADS of money if your plugin itself was a bit more user-friendly for non-tech users.

[Franky]

Read other posts: if you ask friendly, you get a friendly response; if you refuse to learn anything, then I’m like a teacher. My first post to your question already showed a possible solution, based on the little info (no site url) you gave in your initial post.

Concerning my mistake: I pointed you to the doc, and then I made a mistake afterwards which I admitted (while I was at work, trying to help you along btw). Then saying that you’ll just have to believe me is wrong: try e.g. one of the standard themes and put eme.css in their css dir, it will be present in your html-code afterwards too. I had and still have to prove to many people that the theme they’ve chosen is pricey and badly written. I’m beyond complaining about bad themes, but don’t try to blame their mistakes on me.

For the rest: CSS is out-of-scope for EME. If you buy dreamweaver, even then you’ll need to understand CSS. The whole user experience is based on the layout of your site, so I give everybody the possibility to adapt everything via CSS by providing names and id’s to all html tags, the rest is up to them.
You were even “unfriendly” to me (look at your posts above), because I was not giving you the solution (which in fact I did in my second post, because you gave the site url only in your 4th post) but because I only pointed you in the right direction. Putting text in bold doesn’t help anybody but is just shouting and not polite at all.
Even then, you saying the following: “but not if I can’t make it work the way I need it to, and not if I have to learn CSS to make it work the way I need it to” is in no way showing appreciation of a tool I worked years on. If you refuse to see the technical implementation separately from the layout, that’s fine by me but don’t come asking me every time you want to change the colour of something. Imagine that all users come to you because their site is not looking the way they want it to … you’ll quickly start pointing them to the CSS manuals too.

I never intend to become rich by developing EME, I’m counting on donations to keep my coffee flowing while developing and helping people along. I get many promises about donations if I can fix a problem for them. Many times I do log in into their admin-backend and fix their problem, only to never hear from them again. I can do better things with my time, but I try to help everybody along; as I also gave you the CSS-code after you posted the url to your site (which you should have done in the first place, my mistake was not asking for it immediately).

Edit: based on your comments, I changed the text of the doc concerning CSS a bit, to help people along more.

[Anonymous]

eme.css: Franky writes in his response “Read the doc again: put the eme.css file in your theme dir, not the CSS subdir….”
So I did read the docs again and found:
“… you can create a file called ‘eme.css’ in your theme CSS directory and put in there …”,
so now I understand: a “theme CSS directory” is not a “theme CSS subdirectory” but a “theme directory”.
In this case, the docs were misleading of not wrong – but Frankys remark was right.
I am happy I found it.

[Author]

Posts