Calendar widget size for V3

[mrboy31]

Hi,

I have a little stupid CSS question, that has been driving me nuts for a while. 🙂 How can I set the size of the widget calendar, to match the width of the sidebar?

Currently the widget calendar extends further than the sidebar frame, yet the CSS .tribe-mini-calendar-grid-wrapper code is correct. I know that this might be a ‘Theme problem’ and so might beyond the scope of support. But I hoping if someone could point me in the right direction in order to correct this problem. Dev. Site URL: http://swimcoach.imlaunching.co.za/events/

Currently using Full Styles with the Default Page Template. Hope someone can helps and thank you in advance. 🙂

[Barry]

Hi mrboy31,

Yes your widget seems to have ballooned in size, for some reason! First thing to do (if you haven’t already) is read up on our Themer’s Guide – link over in Useful Resources on the right.

Your theme (“Hustle”) specifies some padding for table cells which is partly responsible for this (see the main theme stylesheet, lines 505-511) and we can possibly mitigate this by adding some CSS of our own.

For instance, you could add these rules to your tribe-events.css override:

table.tribe-mini-calendar td,
table.tribe-mini-calendar th {
padding: 0.34em 0.6em;
}

That file should be placed in a subdirectory of your theme, itself called tribe-events, so that you have:

wp-content/themes/YOUR_THEME/tribe-events/tribe-events.css

Does that help?

[mrboy31]

That works great! Thank you!

Tried something similar in the actual theme’s style.css but this works a LOT better.

Thanks again Barry, saved me some grey hairs!

[Barry]

Cool, happy to help 🙂

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts