Forum Discussion

Jayashri Thorat's avatar
Jayashri Thorat
Brass Contributor
Nov 17, 2021

Calendar Title is stretching behind webpart boder

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 : 

Can you please guide to structure this?

 

Thanking in advance.

 

Regards,

Jayashri

2 Replies

  • ganeshsanap's avatar
    ganeshsanap
    MVP
    Nov 18, 2021

    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.

    • Jayashri Thorat's avatar
      Jayashri Thorat
      Brass Contributor
      Nov 18, 2021

      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-remove-weekends-in-calendar-app?forum=sharepointdevelopment

      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>

Resources