Events Made Easy › Forums › How do I … › Calendar widget width
Tagged: event image, widget
- This topic has 11 replies, 4 voices, and was last updated 11 years, 9 months ago by Franky.
-
AuthorPosts
-
Sun 6 Mar 2011 at 06:13 #42604AnonymousInactive
I have searched the forms and online for info on how to modify the width of the calendar widget. I know it is done through css but I cannot find the correct place to make the mod.
I had this same problem with the other events manager plugin. The calendar widget does not automatically adjust to the width of my sidebar. It overruns the sidebar column.
I have thrown everything I can think of at changing the width. I am sure it is a simple fix, but I cannot find a way to do it.
I don’t know that much about css but am always learning more. I am using Swift Themes. http://swiftthemes.com/
Can someone post an example of what part of the css needs to be changed?
Any help would be greatly appreciated.
Sun 6 Mar 2011 at 09:41 #47093FrankyKeymasterDemo site please?
Sun 6 Mar 2011 at 13:44 #47094AnonymousInactiveThere could be theme issues that could cause this suggestion to not work, but I suggest that you create a new file named eme.css in your theme folder if a file named that does not already exist, type the following code into it, and then change 200px to the width you want the calendar to be:
.widget-area .eme-calendar-table {
width:200px;
}If that doesn’t work Franky probably will be able to tell you what needs to be done if you tell him where he can see the site.
Sun 6 Mar 2011 at 13:58 #47095AnonymousInactiveYou probably already know this, but I should have mentioned that it is often necessary to reload pages in web browsers before the effects of CSS changes will be seen. Some browsers are very stubborn about using previously cached files and don’t refresh all the files even when pages are reloaded. Depending on the web browser, holding down the keyboard Shift or Control key while reloading sometimes overcomes that problem. If not, it may be necessary to delete cached files or use a different web browser to see changes.
Sun 6 Mar 2011 at 16:22 #47096AnonymousInactiveThanks admintiger, I tried your suggestions. No change yet.
The site, not open to the public is : http://northernindianapatriots.com/
I am not sure how to allow someone to see it as I have a ‘Pardon Our Dust’ page.
Sun 6 Mar 2011 at 18:22 #47097FrankyKeymasterWell … mail a login then, or a direct link to a page or so …
Sun 6 Mar 2011 at 19:28 #47098AnonymousInactiveI disabled the under construction plugin. Site should be visible.
Sun 6 Mar 2011 at 20:16 #47099FrankyKeymasterPlay around with “table.eme-calendar-table thead”, “table.eme-calendar-table tbody” and “table.eme-calendar-table td” (see events-manager.css). You need to decrease the font size, weight (in the thead) and padding (in td) and such …
Sun 6 Mar 2011 at 20:54 #47100AnonymousInactiveThank You !
Fri 22 Feb 2013 at 19:49 #47101AnonymousInactiveSorry to be a bother but, I tried all of the above suggestions and still can’t seem to expand the width of the Widget at:
I am also wondering where the Event image is supposed to appear. I don’t see one anywhere.
Fri 22 Feb 2013 at 23:12 #47102FrankyKeymasterExpand the width of the widget? Your widget is at 280px, but you forgot to expand the table:
<table class='eme-calendar-table '>
By definition, a table doesn’t take more space as it should; if you want it wider, you need to put a CSS to it.
Fri 22 Feb 2013 at 23:39 #47103FrankyKeymasterAnd about the event image: use the #_EVENTIMAGE placeholder in the event format settings. See the documentation: http://www.e-dynamics.be/wordpress/?cat=25
-
AuthorPosts
- The forum ‘How do I …’ is closed to new topics and replies.