|
hoffman
|
January 14, 2015 at 1:59 pm
Hi
The calendar widget is by default set to display at 100% in the sidebar but it’s not responsive as the right is slightly cut off. You can see it here
There’s 10px of padding which is causing this and I can get it to look correct by setting the padding to 0px. This works in chrome dev tools but it doesn’t seem to have any effect when I add the CSS to my theme:
#espresso_calendar .widget_ee-calendar-widget {
padding:0px !important;
}
What am I doing wrong here?
|
|
Lorenzo Orlando Caum
|
January 14, 2015 at 2:47 pm
Hi, thanks for getting started on troubleshooting. This works in Safari developer tools:
div#espresso_calendar.calendar_widget.fc.fc-ltr {padding:0;}
http://cl.ly/image/101O1v0R3q0a
Could you give that updated CSS a try?
—
Lorenzo
|
|
hoffman
|
January 14, 2015 at 2:59 pm
Ok thanks, that fixed the paddding issue. The odd thing here is that when I inspect it the padding for the class you gave me is shown as 0px but for .widget_ee-calendar-widget #espresso_calendar it shows the 10px crossed through.
|
|
hoffman
|
January 14, 2015 at 3:00 pm
Illustrated here: http://screencast.com/t/GIu39SuQiu
|
|
Lorenzo Orlando Caum
|
January 14, 2015 at 3:05 pm
Hi,
That means that its receiving styling from another line of CSS.
—
Lorenzo
|
