Forum | WP Events Calendar

Styling The Large Calendar

Page: 1

User

Post

1:19 pm
March 7, 2009

angelopc

New Member

posts 1

Print this Post

I guess I should be able to figure this out, but I can't seem to find the answer. I want to change the style of the Large Calendar navigation (Last Month – This Month – Year – Next Month). I've looked at the source code to try to find anything in the CSS file that would help, but I only seem to be affecting the actual calendar, not the navigation.

Help is much appreciated.

4:45 pm
March 23, 2009

freythman

Member

posts 4

Print this Post

You can style the Previous and Next month links individually using the following CSS selectors.

#EC_previousMonthLarge

#EC_nextMonthLarge

You can style all three using:

#CalendarLarge-Header

I haven't found a way to style the current month indidually because it doesn't have a class or id assigned to it. However, you can try this method.

#CalendarLarge-Header {
    color: #ff0000;
    }

#EC_previousMonthLarge {
    color: #00FF00;
    }

#EC_nextMonthLarge {
    color: #00FF00;
    }

Just make sure that your previous and next month come AFTER #CalendarLarge-Header in your css.

6:47 pm
May 23, 2009

Brad

Admin

posts 10

Print this Post

That looks like the correct answer.

10:00 pm
May 23, 2009

Popsicle-Pete

Member

posts 6

Print this Post

With the latest version of Event Calendar, my large calendar has a thick black header – the section with the menu buttons for Prev Month, Next Month and so on. Where should I look to change this default color?

Thanks in advance!

6:32 am
May 24, 2009

Brad

Admin

posts 10

Print this Post

Popsicle-Pete said:

With the latest version of Event Calendar, my large calendar has a thick black header – the section with the menu buttons for Prev Month, Next Month and so on. Where should I look to change this default color?

Thanks in advance!

Add this line of css to the bottom of your current themes stylesheet.

#CalendarLarge-Header {color:red;}

You can change the color to whatever color you want it to be.

Let me know if that doesn't work for you.

9:19 am
May 24, 2009

Popsicle-Pete

Member

posts 6

Print this Post

Nope – no luck. I added to the beggining, middle and end but no change. I've still got a black 920x38 header.

11:49 am
May 24, 2009

Popsicle-Pete

Member

posts 6

Print this Post

Along with the header color – how would I go about changing the event title color on the large calendar? Currently it is showing up as blue.

Thanks again.

11:55 am
May 24, 2009

Brad

Admin

posts 10

Print this Post

Popsicle-Pete said:

Along with the header color – how would I go about changing the event title color on the large calendar? Currently it is showing up as blue.

Thanks again.

Send me a link to your website or post it here and I will check it out for you. I'm sure we can get it fixed.

12:50 pm
May 24, 2009

Popsicle-Pete

Member

posts 6

Print this Post

Ha ha – I guess I should have provided that from the get-go. Here is the link: Demo Site

Thanks again for your help =)

1:01 pm
May 24, 2009

Popsicle-Pete

Member

posts 6

Print this Post

Ok – firebug is my friend.

I just realized the header is using my #content h2 header, which was defined with #000000. That takes care of that part.

No I just need the text to change over.

1:04 pm
May 24, 2009

Popsicle-Pete

Member

posts 6

Print this Post

Fixed the text.

#wp-calendarLarge .event-block {

color: navy

Cheers!

1:59 pm
May 24, 2009

Brad

Admin

posts 10

Print this Post

Popsicle-Pete said:

Fixed the text.

#wp-calendarLarge .event-block {

color: navy

Cheers!

Your making my job easy! Glad you got it fixed. Wink

Page: 1

Sun	Mon	Tue	Wed	Thu	Fri	Sat

			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30

	You must be logged in to post	Login Register

Calendar

Site Links