I have a theme which already has a sidebar width that

Hi

I have a theme which already has a sidebar width that is sizeable, however, the Appointments+ Monthly calendar spills over. Is there a way to re-size it?

http://demo.thezebracafe.com/2253/

Thanks

  • Alexander
    • DEV MAN’s Mascot

    Hi @rob,

    You can use this CSS to fix the width issue:

    .widget_appointments_monthly_calendar .app_monthly_schedule_wrapper {
    width:auto;
    }

    You can add this to a theme’s stylesheet, in a child theme, or using a plugin like My Custom CSS.

    Some of the other problems present here are because your theme is using very explicit styles. For example, it’s using rules based on the #content ID. This is a very strong selector and is overriding some things it probably shouldn’t.

    Take a look with the CSS above, and let me know if there are any other issues you’d like to look at.

    Best regards,

  • Alexander
    • DEV MAN’s Mascot

    Hi @rob,

    I see what you mean. It actually depends on screen size. My CSS above fixes a different problem that causes the widget to take up half of the sidebar. Try this to fix the overlap issues:

    .widget_appointments_monthly_calendar .app_monthly_schedule_wrapper {
    width:auto;
    }

    #content .widget_appointments_monthly_calendar th {
    padding: 12px 4px;
    }

    #content .app_monthly_schedule_wrapper table td p {
    margin: 0;
    }

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.