News:

This is the third lot of news

Main Menu

Calendar

Started by Bocool, Jan 14, 2023, 10:23 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

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

#1
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

#3
Quote from: Bocool on Jan 14, 2023, 11:33 AMYeah, 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

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

replace it with

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

Bocool

Good catch. How does it look now?

Dave

#5
Quote from: Bocool on Jan 15, 2023, 05:58 PMGood 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?  :o

Bocool

#6
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

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


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

/* 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