DMS 2 DMS 2 conflick with calendar

8 posts in this topic

Hey team, I've been chasing a conflict this morning and have found that DMS 2 is altering the layout of my Calendar plugin. If you check the link you can see the calendar with a blue band running across the month displaying the date for each day. Notice how it's not properly aligned? I changed the theme to twentyfourteen and it looks fine. Any idea how I might fix this? Cheers Barney

Share this post

Link to post
Share on other sites



This is because our table CSS is conflicting with theirs. If you add the following it should resolve your issue:


.timely tr,
.timely th,
.timely td,
#ai1ec-container tr,
#ai1ec-container th,
#ai1ec-container td {
vertical-align: top;

Share this post

Link to post
Share on other sites
Seriously man, it's like having a personal phone line to the 'center for fixing anything' :) Perfect :) Many many thanks!!!!!
2 people like this

Share this post

Link to post
Share on other sites

HAHA! No problem.

Share this post

Link to post
Share on other sites

I found this thread as I'm also having a theme conflict with Timely. I had hoped this fix would also fix mine but it doesn't. I've already tried it in 2012 and the problem goes away and I have the issue on all 4 DMS sites using Timely so it's not specific to one of them. I posted at Timely and they said it's a CSS conflict. Here's my post to them and their response. I'm hopeful that Danny will work his magic for me as well! Thanks.



I’ve recently noticed that this is a problem on all my sites with Ai1EC installed. The add to calendar works fine on the single event pages but not in the sidebars. When you rollover the RSS bug where it says Add the flyout says Subscribe in your Personal Calendar.

You can see this on all my sites in the sidebars:



Something is blocking it in the sidebar CSS.

I had the same issue with Atahualpa and had to put in a CSS workaround to get it going on my sites using that theme.

The usual cause is that the sidebar is setting specific CSS for list elements that causes them not to be picked up by the button.

Notes: On the first site (Solsara), the CSS of the theme pagelines is definitely the one causing the conflict. I’d dig deeper but the CSS is somewhat compressed, which makes cutting it apart to find the issue hard.




Share this post

Link to post
Share on other sites

Hi Sheila,


As far as I can tell this isn't an issue with DMS CSS, as one of the themes you're using isn't DMS, it is Headway and that site also has the same issue. You can likely try adding the following and see if this resolves the issue.


.widget_ai1ec_agenda_widget {
  overflow: visible;
Also, when a topic is marked as resolved Sheila, in future please create your own. As it no longer joins the moderator que, I only got a notification due to you mentioning me.
1 person likes this

Share this post

Link to post
Share on other sites

Brilliant...that did the trick on the dev site Thanks so much Danny! She's the one who was complaining about it. The others never noticed.


But here's what I found on the others.... the other 2 that are also DMS this didn't help at all. And the one that is HT I can see that it's now trying to display but it isn't having enough room for the drop down. I can post to them for CSS help. But I can't understand why the CSS you provided worked a treat on the first DMS site and didn't help the other 2 at all! Very odd. Is there more CSS needed on these two sites?

Share this post

Link to post
Share on other sites

The code isn't specific to one site, it is universal, there is no unique class or ID. The class I used is related to that plugins widget. So it will work on all DMS sites and even the Headway one, if they have a widget class using overflow: hidden;


I have viewed those two sites and I can not see the CSS being loaded, which means you have either removed it or you have errors in your custom CSS which is preventing it from working.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • Timely Calendar Issue
      By jeb
      Hi there,
      I am using the Timely Calendar and the CSS behaves strange with Pagelines (normal with Twenty Twelve). You can see it on this page, hovering over the event on the right:
      The title of the event in the Popup is somehow "behind" the rest of the text.
      How can I fix this?
    • Timely Calender Plugin
      By rud10
      Good Morning.
      I have just started attempting to integrate the Timely all-in-one calender event plugin with my website. I want it to be dedicated to a single page, outside of my blog. The problem I am having is that the events I'm adding are coming up in my blog, and not on the page that I designate. And so I am getting this on my designated 'WHERE WE ARE' page:
      And this on my 'BLOG' page:
      In addition, when I navigate away from my blog page, then return to it. The post has disappeared.
      As per usual It is probably something obvious that I am failing to understand, but any help would be really appreciated.
    • Conflict with
      By florisvc reports a conflict with Pagelines.
      Has this been fixed?