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...
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