css of my site messed up with event calandar

[Nigel]

Hi

With the event calendar plugin active, it seems to override my themes css (I have cufon fonts etc – I think!). If I deactivate the plugin, my site goes back to normal.

Does anyone know how to fix this? I have searched everywhere else to find a fix.

Thanks in advance.

[Brandon]

url?

[Nigel]

http://www.pandorasgraytonbeach.com

[Brandon]

At a glance, try assigning a font-family to your WP themes style.css, specifically (h1, h2,h3 + others) and you should be good to go. Since some styling is missing in your themes css its most likely falling back to the next available style sheet. (events calandar) I’m just a member here and not from modern tribe, but good luck!

[Nigel]

Thanks for that idea, I will give it a go and see what happens!

[Brandon]

..also your using header tags to style your page/post content.. strip all that out and just free type in the editor. If you want larger type fonts on the pages you will have to set the body or p tags accordingly.. if you have page content wrapped in a h3 tag then assign cufon, @font-face / google fonts etc, things are going to be really waked out!

[Nigel]

Tried this, I don’t think thats going to cut it for this one. How can my own theme css be set to override the plugin css?…any ideas…

[Barry]

Hi Nigel.

First thing to do is read up on the following (if you are unfamiliar with themeing The Events Calendar):

• Themer’s Guide
• Template Overrides Tutorial

Basically, though, if you copy events.css from:

wp-content/plugins/the-events-calendar/resources/events.css

And place it in:

wp-content/themes/{YOUR-THEME}/events/events.css

That copy will be used in preference to the one bundled with our plugin. You can then remove/change the rules to fit your exact requirements.

Does that help here?

[Author]

Posts