Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > fullcalendar.css - Overwriting custom CSS
Eileithia (New Admin) 4/19/2012 1:29 PM EST : fullcalendar.css - Overwriting custom CSS

Eileithia
Posts: 997
Zomgawsh Poster

Hi All,

So I think I'm officially starting to go insane.  I've been working on "GuildWarsing" our site, and I'm having some serious issues with the formatting on the event calendar.

My main problem is the actual events are picking up their style from "fullcalendar.css" not the custom CSS i have set up.  Is there any way around this other than putting a css file in the footer to have it overwrite?  or is there some way to access the fullcalendar.css?

My guild calendar is here: http://serenityhome.guildportal.com/Guild.aspx?GuildID=448557&TabID=3842913

Any help would be appreciated
TopBottom

Eileithia (New Admin) 4/19/2012 3:12 PM EST : RE: fullcalendar.css - Overwriting custom CSS

Eileithia
Posts: 997
Zomgawsh Poster

OK.. I ended up putting a custom CSS file in the footer and it seems to have fixed most of my problems.  The "default" event type still can't be changed though, at least i can't find it...
TopBottom

Mottie (MVP) 4/20/2012 7:11 AM EST : RE: fullcalendar.css - Overwriting custom CSS
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Eileithia!

It sounds like it might just be an issue with css selector specificity, check out this post I made on Calendar Styling. Also, in case you want to use a partially transparent background, you can use the css3 rgba color setting as described here.
TopBottom

Eileithia (New Admin) 4/20/2012 1:37 PM EST : RE: fullcalendar.css - Overwriting custom CSS

Eileithia
Posts: 997
Zomgawsh Poster

Thanks Mottie,

I actually pulled the CSS sheet you have on your site, edited the bajezus out of it, and put it in the footer.  Seems to have fixed most of my issues.  I think the problem I was having originally is that the CSS sheet for "fullcalendar.css" is appearing below the GPCss sheet in the HTML code. because both files were using the same class names, the browser was giving fullcalendar.css priority. 

Thanks for the RGBA reminder.. it's been a while since I've used CSS3 and completely forgot about that little nugget!
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%