|
karen wang
|
June 26, 2014 at 6:19 pm
can you take look at our calendar? zenvillage.org/calendar
It had been normal looking until today when i realized the format/style looks weird. The content in the calendar is fine.
I did not change any css except hiding available tickets.
.spaces-available { display:none; }
thank you very much!
|
|
Lorenzo Orlando Caum
|
June 26, 2014 at 6:44 pm
Hi Karen,
The width setting on one of the CSS rules is causing this issue
Deactivating that rule fixes the display:
http://cl.ly/image/3F0n1H0F3S0T
.entry-content td {
border: none;
width: 50%;
}
The border is fine but the width of 50% is creating the problem.
—
Lorenzo
|
|
karen wang
|
June 26, 2014 at 7:08 pm
we use 2014 theme so i went to Twenty Fourteen: Stylesheet (style.css) to search:
first finding is
.entry-content td,
but there is no { border …. width … }
second founding is the following
.widget_twentyfourteen_ephemera .entry-content td {
padding: 6px;
}
since i don’t see width so searched for keyword “width: 50%” and here it is
.site-content blockquote.alignright {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 17px;
width: 50%;
}
any idea?
|
|
Lorenzo Orlando Caum
|
June 26, 2014 at 7:16 pm
Hi,
It is being loaded with some other CSS:
<style type="text/css">
.entry-content td{border:none;width:50%}td.free,div.free {background: #73ac39 !important;}td.busy,div.busy {background: #616b6b !important;}td.notpossible,div.notpossible {background: #8f99a3 !important;}.appointments-login_link-google{display:none !important;} </style>
Check your functions.php file for your theme, header.php, or a plugin that lets you add custom CSS (My Custom CSS, Jetpack, Reaktiv CSS Builder).
—
Lorenzo
|
|
karen wang
|
June 26, 2014 at 7:22 pm
perfect! you led me to the culprit – a new plugin called “Appointments”.
I deactivated it and everything is fine. thank you for solving our production issue so fast!
now that we found the root cause, is there a good way to avoid this?
thanks,
karen
|
|
Lorenzo Orlando Caum
|
June 26, 2014 at 10:46 pm
You could edit the plugin’s CSS to be more specific. This is a generic CSS style which is why it creates an issue:
.entry-content td
—
Lorenzo
|
