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

@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!

@j-e-f-f , thanks! That did make the module full screen, however, the text still only goes 1/3 so it cuts off the event and puts …
Sorry, I am pretty much a newbie to all of this. Just trying to learn as much as I can.

Thank you!! I appreciate your time and effort in this.

@j-e-f-f , I tried putting that in MagicMirror/css/custom.css and it didn’t work. I tried each with nothing else in there and it still had … instead of finishing the title. If it matters, I have this on a raspberry pi 7" touch screen in landscape. It shows the divider lines going 3/4 across the screen, but the text only goes 1/3 or so.

Thank you very much @j-e-f-f . Is there a way to utilize more space for the titles then? A lot of the titles get cut off even though the column is much larger than the titles.

I have installed mmm-mycalendar late last week. I have it all setup and working with two calendars, but I am trying to figure out how to have it set into two columns. I have attached my code to check… thanks in advance for any help.

{
module: “MMM-MyCalendar”,
position: “top_left”, // This can be any of the regions. Best results in left or right regions.
config: {
colored: true,
columns: true,
calendars: [
{
color: ‘#0000FF’,
url: ‘url 1.ics’,
symbol: ‘calendar’,
maximumEntries: ‘4’,
},
{
color: ‘#FF0000’,
url: ‘url 2.ics’,
symbol: ‘calendar’,
maximumEntries: ‘4’,
},

                            ],
                    }
            },