Calendar Widget not resizing with custom CSS
-
For some reason, the Calendar widget–which is too wide for our sidebar column and slightly cut off at the edge– will not size down when applying custom CSS in our theme CSS file.
Please see the calendar in the right on http://64.9.200.103/glc/news-events/ . We’ve applied:
li#em_calendar-2 table.em-calendar { width: 75% !important; }But nothing will force this widget to shrink down anymore, either by pixel or percentage (I’ve gone down as small as 50% and 125px). It will size up if I, say, give it a width of 300px (which of course makes it cut off more), so it’s recognizing the callout. And indeed, inspecting the element in Chrome shows it’s coded to have a custom width of 75%. It just won’t display this any smaller.
I’ve also tried adding a max-width, right margin, and right:10px to force it to not get cut off, but nothing will shrink this down. Any idea what may be happening here?
The topic ‘Calendar Widget not resizing with custom CSS’ is closed to new replies.