<![CDATA[calendar_monthly: Please help me with column width.]]>I love the calendar_monthly module. It’s a true addition to my Magic Mirror project. Can you please help me reduce the width of the columns? I’m failing to figure it out.

I’m talking about the space between ma. di. wo. do. and their corresponding dates.
I’ve been working with custom.css, moving things from the calendar_monthly mcal.css to custom.css and I even tried to inspect the elements in Chrome but I just can’t figure it out.

Please help. I’m almost there ;)

Screenshot 2021-01-01 at 02.30.37.png

]]>https://forum.magicmirror.builders/topic/14340/calendar_monthly-please-help-me-with-column-widthRSS for NodeMon, 11 May 2026 12:51:23 GMTFri, 01 Jan 2021 02:47:39 GMT60<![CDATA[Reply to calendar_monthly: Please help me with column width. on Fri, 01 Jan 2021 12:37:32 GMT]]>@ashishtank said in calendar_monthly: Please help me with column width.:

#calendar-table {
width: 80%;
}

This worked perfectly. Thank you ashishtank! Really helpful.

]]>https://forum.magicmirror.builders/post/86460https://forum.magicmirror.builders/post/86460Fri, 01 Jan 2021 12:37:32 GMT<![CDATA[Reply to calendar_monthly: Please help me with column width. on Fri, 01 Jan 2021 09:59:41 GMT]]>@MaXi-XCeL You can adjust the width of calendar using custom.css, right now it is set to 100% and each cell (day) is set to 14.2 % (so 14.2 x 7 = ~ 100 full width of calendar). Put below in your custom.css adjust the 80% to your taste.

#calendar-table {
	width: 80%;	
}

Before

475251bf-1c80-4bcb-957e-ae9bff1f9db7-image.png

After
f773dc83-2e5e-4242-b811-e2f585e0e585-image.png

]]>https://forum.magicmirror.builders/post/86451https://forum.magicmirror.builders/post/86451Fri, 01 Jan 2021 09:59:41 GMT