• Resolved rpmwebs

    (@rpmwebs)


    I have installed custom sidebars and added a calendar into one of the menus. The small calendar works fine but the view is compressed (the cells need to be wider as the total width of the calendar is about half the width of the sidebar)

    Any solutions or fixes
    thanks
    Paul M

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hey Paul,

    Is this happening only in sidebars that are created by Custom Sidebars plugin or in all sidebars?

    Either way in order to check this I’d need to take a look at the page where you have this calendar displayed, most likely this is something that should be possible to change with some custom CSS.

    Cheers,
    Bojan

    Thread Starter rpmwebs

    (@rpmwebs)

    Bojan

    Apologies I am new to WordPress only been using it for a day or so. I am using the Custom Sidebars Plugin.

    You can see the Calendar result here (I am transferring an old hand coded site to WordPress so the site is nowhere near complete)

    http://www.stlukesrc.co.uk/wordpress/index.php/about-us/

    I was going to tinker with the css, but I may end up messing up other areas.

    many Thanks for your help
    Paul M

    Hey again Paul,

    This shouldn’t have anything to do with Custom Sidebars as this plugin only replaces sidebar and not really affects styles in any way. From what I can see the width is not really defined there so it’s calculated based on the width of the elements inside the table.

    With that said we could change this with some custom CSS, please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

    http://ww.wp.xz.cn/plugins/simple-custom-css

    .sidebar .sidebar-widgets table#wp-calendar {
        width: 100%;
    }

    This is targeting table with that ID that is in your sidebar so other tables outside of sidebar will not be affected 🙂

    Hope this helps!

    Cheers,
    Bojan

    Thread Starter rpmwebs

    (@rpmwebs)

    Bojan

    Works perfect first time, many thanks for your help, much appreciated.

    Paul M

    Glad I could help 🙂

    have a great day!

    Cheers,
    Bojan

    Thread Starter rpmwebs

    (@rpmwebs)

    Bojan

    Now you have pointed me in the right direction I can tweak the layout a little further adding:

    .sidebar .sidebar-widgets table#wp-calendar td, .sidebar .sidebar-widgets table#wp-calendar th{
    text-align:center;
    }

    this makes it look much more symmetrical and neat

    Paul M

    definitely looks better 🙂

    Cheers,
    Bojan

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Sidebar Events Calendar squashed’ is closed to new replies.