Support

Home Forums Pre-Releases Calendar Widget CSS Top Setting

Calendar Widget CSS Top Setting

Posted: May 20, 2014 at 12:49 pm


pmitriadnc

May 20, 2014 at 12:49 pm

On my navigation at http://wp.me/P4AXJ7-1b, I have a used the Calendar Widget.
Under Events, Event Calendar. You might need to click the left or right arrow to initialize (working on this).
The problem is when you select a date with an event (I have two events set: 5/29/14 and 6/9/14) the top of the content goes off page. Where is the CSS setting to lower the top and also set the width?

It would be great if the settings had a place to set these so you could arrange your popup content.


Lorenzo Orlando Caum

  • Support Staff

May 20, 2014 at 2:07 pm

Hello,

The link that you shared takes me to a site that isn’t available. Could you share an updated link or share a screenshot of the issue?


Lorenzo


pmitriadnc

May 20, 2014 at 3:43 pm

I’m sorry. It is a staging server and I have it off until I finish setting up the events.
I did not see an upload so I added two images of the events I mentioned.

Please let me know if you need anything else. Thanks.

https://www.dropbox.com/s/4m7vyt8cfokkwef/Calendar%20Widget%20CSS%20Top%20Setting1.PNG

https://www.dropbox.com/s/6vehaadapqsgfgu/Calendar%20Widget%20CSS%20Top%20Setting2.PNG


Lorenzo Orlando Caum

  • Support Staff

May 20, 2014 at 7:45 pm

Hello,

You could inspect the tooltips using Chrome Developer Tools or Firebug to see the CSS in use and then setup a top margin to shift them down.

Another option is to use the tag to reduce the description + adjust the tooltip positioning:

http://cl.ly/image/12301Y2A301F


Lorenzo

The support post ‘Calendar Widget CSS Top Setting’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso