MagicMirror² v2.7.0 is available! For more information about this release, check out this topic.

MMM-My Calendar Two Columns

  • @j-e-f-f said in MMM-My Calendar Two Columns:

    .MMM-MyCalendar .calendar-event .title {
    max-width: none;
    width: 100%;

    Thanks @j-e-f-f , unfortunately that did not work. I do appreciate your willingness to help. And thank you for the link. I will definitely have to take a look at that!

  • Project Sponsor Module Developer

    @ctag something else is restricting the width of the title then. After you have had a read through CSS 101, try to inspect the parent elements of the title element one at a time to see if you can determine what is restricting the width.

  • @j-e-f-f I will… thanks again for all of your help. When you say go through all of the parent elements, are you referring in the custom css file, or the config.js file. The code you gave me is all that is in the css file. Hopefully I can find this.

  • Project Sponsor Module Developer

    @ctag My guide explains how to use the dev tools to inspect the various HTML elements to see what CSS is applied. HTML is arranged in a nested format, with some within others. These outer elements are what I refer to as parent elements. Since our attempt to change the with of the title element of the calendar entry directly failed, it means that something else is restricting the width of the title. This usually means some CSS is being applied to a parent HTML element of the title element that is influencing the size of the title element. Have a read through the article I shared, and then try to familiarize yourself with the dev tools inspector. You’ll be using that to try and figure out what is restricting the size of the title.