css for mini calender

[Debbie]

Hi, I am trying to add a border to the sides of the calendar….so it appears as one box, but I can not get the border either side of the nav and days to “join up”.

any help, much appreciated!

Thanks

[Hunter]

Hey @Debbie! Try adding your custom CSS under the class .tribe-mini-calendar-wrapper – let me know it this helps!

[Debbie]

thanks – I tried many permutations but this is the best I can get it…..

Home

would prefer to not have the little gaps either side of the start of the body of the table.

this is what I have used – any suggestions on how to tidy up the border?

th.tribe-mini-calendar-dayofweek {
border-left: #F7F7F7 solid 0px !important;
border-right: #F7F7F7 solid 0px !important;;}
.tribe-mini-calendar-nav td {
border-left: #F7F7F7 solid 1px;
border-right: #F7F7F7 solid 1px;
border-top: #F7F7F7 solid 1px;
}
.tribe-mini-calendar thead tr {
border-left: #F7F7F7 solid 1px;
border-right: #F7F7F7 solid 1px;
}

[Debbie]

I have managed to suss it…..thanks for you help

[Hunter]

Debbie, I’m glad to hear you’ve got it addressed! For future reference, take a look at our tutorial for Styling Events Widgets in our Knowledgebase. We’ve got plenty of examples on how to tweak the CSS to your liking. I’ll go ahead and mark this thread as Resolved. If you have any more questions, please feel free to open a new thread. Thanks for choosing PRO!

[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