Widget sidebar not working

[David Randall]

When clicking to the next month the calendar disappears.

[Stephen Harris]

Hi David,

I’ve just replied via e-mail, but I thought I’d post the solution here.

The issue was the theme’s handling of tables. This fix is specific to your theme (Sparkling, by Colorlib), but just add the following to your style.css:

#wp-calendar{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    display:table!important;
}

#wp-calendar>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

#wp-calendar>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

#wp-calendar>tbody>tr>td,#wp-calendar>tbody>tr>th,#wp-calendar>tfoot>tr>td,#wp-calendar>tfoot>tr>th,#wp-calendar>thead>tr>td,#wp-calendar>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

#wp-calendar>caption+thead>tr:first-child>td,#wp-calendar>caption+thead>tr:first-child>th,#wp-calendar>colgroup+thead>tr:first-child>td,#wp-calendar>colgroup+thead>tr:first-child>th,#wp-calendar>thead:first-child>tr:first-child>td,#wp-calendar>thead:first-child>tr:first-child>th {
    border-top: 0
}

#wp-calendar>tbody+tbody {
    border-top: 2px solid #ddd
}

[Author]

Posts