calendar running off the page

[littleshiva]

The calendar widget installed at http://klimchakmusic.com/new/ runs off the page. That site was built using Elegant Theme’s divi theme. Is this something you can help me with, or do I need to ask them?

[George]

Hey @littleshiva,

To get things looking “just right”, or to truly get a really robust fix in place here, you may indeed need to reach out to the theme developer, or use a tool like Firebug (if you use FireFox, or the Developer Tools for either Safari or Chrome) to find and fix these CSS conflicts yourself.

However, for now, the bulk of that layout problem comes from Divi’s too-generic style rules related to tables and the padding on them. You can override these simply by adding the following code at the very bottom of your theme or child theme’s style.css file:


.entry-content .tribe_mini_calendar_widget th {
padding: 5px 6px !important;
}

.entry-content .tribe_mini_calendar_widget tr td {
padding: 5px 6px !important;
}


Change the numbers to your liking, but keep them the same between these two rules. These specific values here already make the calendar look a lot better, check out this screenshot to see how it looks: https://cloudup.com/cWtsL5BfZkK

So, it’s a great place to start. Play around with this code and if you need to get more fancy with things, definitely ping your theme developer and see if they can help! 🙂

Cheers,
George

[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