Calendar Title is stretching behind webpart boder

Occasional Contributor

Hello,

 

I have added Calendar app in webpart at home page of the site and also implemented style sheet for color and displaying only weekdays.

After implementing this, title for Meeting on Friday are getting stretch behind Calendar border as below : 

JayashriThorat_0-1637219574478.png

Can you please guide to structure this?

 

Thanking in advance.

 

Regards,

Jayashri

2 Replies

@Jayashri Thorat Which version of SharePoint are you using?

 

Did you use custom CSS/JavaScript to apply color and displaying only weekdays? If Yes, can you show us the code you have used? It will help us to answer your question more precisely.


Please consider giving a Like if my post helped you in any way.

@ganeshsanap 

I am using Sharepoint online version.

I have referred code and steps from below link for hiding weekend :
https://social.msdn.microsoft.com/Forums/office/en-US/90243228-51f6-47f7-9639-a78eed304df4/hide-or-r...

And for color changes below is the code ( Added both in CEWP):
<style type="text/css">

div.ms-acal-item {
background-color: #e3e1d8;
}

div .ms-acal-sdiv, .ms-acal-mdiv {
color: #000000;
}
.ms-acal-sdiv a, .ms-acal-mdiv a, .ms-acal-ddiv a{
color: #000000 !important;
}

.ms-acal-sdiv a:hover, .ms-acal-mdiv a:hover, .ms-acal-ddiv a:hover{
color: #000000 !important;
}

</style>