Problems with Calendar Styling

My calendar is not showing any styling.  My forms show styling just fine but my Calendar shows up very hard to see.

 

Doug

Can you please post a link to your calendar for me to take a look at?

Hi Stephanie,

 

Here is the link to the page.

 

http://madeyouscream.com/mysp-calendar

It looks like you'll need to add a few styling overrides to your theme style.css. Something like this:

 

.frmcal table.frmcal-calendar tbody tr td{background:#fff;}

.frmcal table.frmcal-calendar{color:#FF0000;}

Thanks Stephanie.  That helped alot.  One more question, is there a code I can add to change the color of the days of week and or even the day of week boxes (with the numbers in it).

 

Doug

The colors for these items are pulled from your field colors. The following is a list of the calendar colors, and which setting they are pulled from:

border: Field Colors -> border

background on bar with number in it: Field Colors -> BG Color

color of the numbers: Field Colors -> Text

 

You can see an example of the matching colors here:

http://demo.formidablepro.com/events/

 

To make the weekends a different color:

table.frmcal-calendar .frmcal-week-end .frmcal_date{background-color:#000}

 

It looks like this class is currently (version 1.4.4 or less) only applied to Sundays. To change this please open formidable/pro/classes/views/displays/calendar.php and change the first part of line 8 from this:

<td<?php echo ((($i % 7) == 0) ? ' class="frmcal-week-end"':'') ?>>

to this:

<td<?php echo (((($i % 7) == 0) or (($i % 7) == 6)) ? ' class="frmcal-week-end"':'') ?>>

 

Hopefully that helps.

Topic closed.