Calendar format gone strange!

additionally, I tried the option “Disable Sermon Manager’s CSS. ” in settings, this didn’t make any difference.

Hi,

More info, Inspected the CSS, and have discovered that a paticular entry is causing it, highlighted with red arrow, can you please amend? or can you point to a CSS overide?

causing CSS error

Must be a conflict with another plugin or a theme as I’m not seeing an issue. Are you using the latest version (2.15.15)? Try disabling the other plugins and see if that fixes it. If that doesn’t fix it, switch to one of the default themes, like TwentyNineteen.

Hi,

disabling a plugin events manager called “Modern Events Calendar Lite” resulted in a restoration of the sizing. The events manager uses a similar (probably same) popup picker, the CSS however is definitely located within sermon manager, at
/wp-content/plugins/sermon-manager-for-wordpress/includes/vendor/CMB2/css/cmb2.min.css

As a temporary “fix” I have changed the rule
.cmb2-element .ui-datepicker, .cmb2-element.ui-datepicker
from
width:auto;
to
width:200px;

This has resulted in “normal” behaviour. I realise that this will be overwritten upon upgrade. however disabling the entry on the eliment inspector, results in a “normal” calendar also. Does the entry need to be there?

other than editing the .css file directly, I tried to put an override in another css plugin, but that didnt seem to fix it for me.

regards

You can add that your “Additional CSS” section (Appearance > Customize > Additional CSS) and see if that takes care of it:
.cmb2-element .ui-datepicker, .cmb2-element.ui-datepicker {width: 200px !important;}. That won’t get re-written when the plugin get updated.

• This reply was modified 5 years, 11 months ago by Mike Matenkosky.
• This reply was modified 5 years, 11 months ago by Mike Matenkosky.