Calendar

[Bocool]

What do you think of this for the calendar opposed to how it looks now?

You cannot view this attachment.

[attachment deleted by admin]

[Dave]

That looks a whole lot better Steve, I much prefer the white background

Mind you I don't mind the one that's on the test site either, although I don't like the title bg colours

[attachment deleted by admin]

[Bocool]

Yeah, the borders and background don't match well.

[Dave]

Yeah, the borders and background don't match well.

I've redone it now

I noticed that the alignment of the months in the Catgb was out, the name of the month is to the top of the bar instead of in the middle.

To resolve it it go to calenadar.css

find around line 131

Code Select Expand

#month_grid h3.catbg {
   padding: 0 6px 4px 6px;
}
replace it with

Code Select Expand

#month_grid h3.catbg,
#main_grid h3.catbg {
padding: 8px 6px 4px 6px;
}

[Bocool]

Good catch. How does it look now?

[Dave]

Good catch. How does it look now?

colours look OK but the catbg is still the same, although in your first post image they are fine. I have used ctrl +F5.

Did you save it after you changed the code? 

[Bocool]

Ah! It's a browser issue. I use Firefox and it looks good...but not in chrome. I'll have a look using chrome and see what can be done.

EDIT: Fixed! One of the browsers didn't like the code I added. So, I compared it to the default code which was ok and removed/edited code until it was fixed.

[Dave]

Yes that's good now

[Dave]

One last thing lol

On here you have the background colour of the disabled days in dark green. By doing that when you look at the week it looks like just a sea of green with no definition of the events etc.

I have changed it on mine as you'll see below.

If you want to alter yours then go to 'calendar.css' around line 167 and find

Code Select Expand

/* Main Highlighting */
#main_grid td.disabled,
#month_grid td.disabled {
background: #255d1d;
}

if you want the same colour I'm using then change to

Code Select Expand

/* Main Highlighting */
#main_grid td.disabled,
#month_grid td.disabled {
background: #FFFBED;
}

[attachment deleted by admin]

[Bocool]

How does it look now?

[Dave]

That looks a lot better