Bold dates for event days ..

[keelyak]

Hi!

There is probably a simple solution to this that I'm overlooking, but I've scoured the forum for an answer and tried various things with CSS and in the calendar's control panel.

How do I make the the date bold for event days in normal calendar mode?

I know you can change the background color for event days through the calendar control panel, but I can't figure out how to change the font weight.

Other than that--Easy PHP Calendar is awesome! Big props to the authors.

Thanks for your time.

I'm sure I'll have more questions for y'all in the future.

[ve9gra]

You probably would've kept looking for quite a while... it's not available from the default way of doing things.

If you're not expecting to change any of your categories, then the fix is as follows:

- determine what the output of the $CSS line is and save that somewhere
- remove the $CSS line from your file
- replace the $CSS line with what you saved earlier
- modify each .s2X class by adding "text-weight: bold;"

Note that if at a later point you add a category, or decide to change the color of an existing category, the changes will not take effect until you go through this procedure again.

[keelyak]

Ah. Figured it out!
Thanks for your help.

[oneofayykind]

Could someone go into a little more detail here? I would like to make the event days text different than the other days...maybe make it bold plus make it a different color. Could someone walk me through this?

[ve9gra]

All the details are in post #2.

[keelyak]

Pretty sure this is the gist of what ve9gra said; step by step:

I used my browser to "view page source" for the page with my calendar. That way I could see what sort of class/ID tag the event dates were given with when EPC generates its table.

For my calendar (I only have one category) all event dates were given the class ".s21". So I edited my essstyle.css file to include:

.s21 {font-weight: bolder;
    color: #000000;
    border: 0px;
    background-color: ;
    background-image:   url("caldot.png");}

From there, you can use CSS to do whatever the heck you want with the event day display. I made a little image of a "dot" so the date now appears in a yellow circle.

I don't have a variety of categories, but I imagine if you did .. they'd each get a .sSOMETHING class, and you'd modify all of those in essstyle.css to appear how you'd like them to.

Hope that helped.