Event Calendar Pro Styling issues

[christina]

Having some issues with the calendar view. The theme I’m using is called “Super Skeleton”. You can view it here http://themeforest.net/item/super-skeleton-wp-responsive-minimal-beautiful/647570?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=MDNW

I realize this is probably an issue with the theme but hoping maybe someone could point me in the right direction as to how to start fixing it.

Thanks in advance!

[christina]

Sorry I had list view activated I switched it back to calendar so you can view the issues I’m talking about.

[Barry]

Does switching to Default Events Template in Events > Settings > Template (or otherwise changing that setting) help at all here?

[christina]

Hi Barry.
Thanks for taking the time to respond.
Switching helps a little bit, but there are still some issues. Here is a screen shot http://wuq.wpengine.com/wp-content/uploads/2013/05/temp.jpg

[Barry]

Hmm, one problem is that your theme (or another plugin) is ‘injecting’ extra markup – paragraph tags and breaks – into that area. Here’s a short sample of the HTML that is being outputted.

Note the extra <br /> tags and the spare </p> which is ‘illegally’ positioned. I’ve seen this with some other themes and in those cases it has been either because they have re-ordered the stack of filters used to format posts or because they add an extra layer of processing themselves.

Some have “pseudo-shortcodes” such as [raw] [/raw] which can be used to wrap areas where we don’t want this extra processing – can you check in with your theme vendor about this (or read through their docs) and see if this is indeed the result of their code and if they have a workaround akin to the [raw] [/raw] tags I mentioned above?

[Barry]

(Re-subscribing to receive update notifications)

[christina]

Hi Barry,
I did do some test deactivating some plugins and noticed things got a little better when I deactivated Shortcodes Ultimate (http://wordpress.org/extend/plugins/shortcodes-ultimate/). However I will check to see about the other things you mentioned. I really appreciate you taking the time to help me with this!

[Barry]

No problem, feel free to report back as and when you have time to complete your checks and we’ll take things from there 🙂

[christina]

Hi Barry,
Okay so it seems disabling that plugin got ride of the extra markup. http://pastebin.com/ap377GNv
I did contact the theme developer prior to making this post and he told me that their theme was not compatible with ECP. I’m wondering if there are other issues I should look out for that I may see down the line? Right now it’s only a small styling issue with the header that can be easily fixed.

[Barry]

I don’t know of any – and it’s not impossible that there were broader problems with earlier versions of both products that may largely be moot points now.

All I can really suggest is keeping an eye out – and of course feel free to let us know if anything crops up.

[christina]

I’m just having trouble figuring out what is making the year and month drop down fields stack on top of one another oppose to being side to side like it is in the demo

[Barry]

Can you try adding these rules to the bottom of your custom events.css stylesheet (see our themer’s guide – link over on the right under Useful Resources – if you need help setting that up)?

[christina]

Yup! That seemed to do the trick! Thanks so much!!

I also added .tribe-events-month-nav select {margin-right: 10px !important; }
to add some spacing between the elements.

Do you know what class the “Loader” is in? I’d like to see the styling on that because when you switch the month or year it pushes the next month link down.

[Barry]

Glad that helped – for the loader (you mean the spinner icon right?) can you try adding:

span.tribe-events-next-month > a { float: left; margin-right: 12px; }

[christina]

perfect. I can’t thank you enough for all your help! Thank you!

[Author]

Posts