Hello

When using images in MMM-BackgroundSlideshow the become blurry/pixelated.

My library contains only 4K images with no compression

Has it something to do with the gradient-, Horizontalgradient-, radialGradient- and GradientDirection settings?

Any help will be appreciated

Got it! And learned a little more:

.tick .medium {
	font-size: 60px;
	 text-transform: uppercase;
}

.tick {
    display: flex;
    align-items: left;
    justify-content: start;
}

.MMM-FlipClock .time {
    order: 1;
}

.MMM-FlipClock .date {
    order: 2;
	align-self: center;
}

@sdetweil
Thanks for your answer - I already tried developer window and a bit of A.I. but I can’t get any further than my screenshot.

I think I have to study CSS instead of ‘copy/paste’ and trial’n’error as now.

:-)

Hello everybody

I have some trouble manipulating the MMM-FlipClock. I want the Clock and the date side-by-side without a huge gap. See the screenshot

How do I reduce the gap through CSS? Can anybody point me in the right direction? Se my CSS:

.tick {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.MMM-FlipClock .time {
    order: 1;
}

.MMM-FlipClock .date {
    order: 2;
}

I have tried to use margin and padding without any luck. I want to have the content aligned to the left.

Is i possible?

Thanks for your help.

Great work, and allready in use :-)

@Laz

Did you find a solution?

I’ve got the same problem :-(

@MMRIZE said in MMM-CalendarExt3:

@kasperinline
Do that in your ‘custom.css’ not in the ‘MMM-CalendarExt3.css’

Yes of course :-)

Always in the ‘custom.css’

@kasperinline said in MMM-CalendarExt3:

@fedale
I’m not able to get rid of the text “CW”. Can you help me, by sharing your lines.

Regards

Got i’t by myself, and learned a little more :-)

.CX3 .cw::before {
content: "CW ";
display: none;
}

@fedale
I’m not able to get rid of the text “CW”. Can you help me, by sharing your lines.

Regards

@sdetweil said in MMM-Todoist fontsize:

@kasperinline if you are lucky you won’t have to do this more than 100 times! lol

That dosent matter as long as I know, their might be a solution :grinning_squinting_face:

@sdetweil said in MMM-Todoist fontsize:

see https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1683502518672
on how to use the developers console

Thank you, for pinpointing me in the right direction istead of giving me the answer :-)

The class-name is “xsmall”

Thank you, for you time and patience

Hello everybody

I’m using the mentioned modul for todo’s for my family. I would like to change the font size of the projects-names, but I can’t figure it out.

The task’s is not a problem, I Use this code, for the tasks in my custom.css

 .MMM-Todoist .small {
	font-size: 24px;
	line-height: 30px;
 }

But how to I change the size of project-names? Chat-GPT suggest:

.MMM-Todoist .project {
  font-size: 20px; /* Ændr tekststørrelsen her */
}

But that did’nt work

The tasks is on the left side and projectnames on the right-side

Any Suggestions?

Thank you for your time and answer

The list works today, and I dont know why :confused_face:

The only thing I did, was to turn on the Raspberry

@sdetweil said in MMM-Trello - No checklist:

@kasperinline look in the output of where you do npm start
to see any errors…

This is the only errors :

/home/kasper/.pm2/logs/MagicMirror-error.log last 15 lines:
0|MagicMir | /home/kasper/MagicMirror/node_modules/electron/dist/electron exited with signal SIGINT
0|MagicMir | MESA-LOADER: failed to retrieve device information
0|MagicMir | MESA-LOADER: failed to retrieve device information
0|MagicMir | MESA-LOADER: failed to retrieve device information
0|MagicMir | MESA-LOADER: failed to open kms_swrast: /usr/lib/dri/kms_swrast_dri.so: cannot open shared object file: Permission denied (search paths /usr/lib/arm-linux-gnueabihf/dri:\$${ORIGIN}/dri:/usr/lib/dri)
0|MagicMir | failed to load driver: kms_swrast
0|MagicMir | MESA-LOADER: failed to open swrast: /usr/lib/dri/swrast_dri.so: cannot open shared object file: Permission denied (search paths /usr/lib/arm-linux-gnueabihf/dri:\$${ORIGIN}/dri:/usr/lib/dri)
0|MagicMir | failed to load swrast driver
0|MagicMir | MESA-LOADER: failed to retrieve device information
0|MagicMir | MESA-LOADER: failed to retrieve device information
0|MagicMir | MESA-LOADER: failed to retrieve device information
0|MagicMir | MESA-LOADER: failed to open kms_swrast: /usr/lib/dri/kms_swrast_dri.so: cannot open shared object file: Permission denied (search paths /usr/lib/arm-linux-gnueabihf/dri:\$${ORIGIN}/dri:/usr/lib/dri)
0|MagicMir | failed to load driver: kms_swrast
0|MagicMir | MESA-LOADER: failed to open swrast: /usr/lib/dri/swrast_dri.so: cannot open shared object file: Permission denied (search paths /usr/lib/arm-linux-gnueabihf/dri:\$${ORIGIN}/dri:/usr/lib/dri)
0|MagicMir | failed to load swrast driver

Anything related to the module?

Hello everybody

When starting MargicMirror I don’t get any checklist in the MMM-Trello module - It just keep loading and loading

)

What I have tried:

Different regions in MagicMirror
Sudo update/upgrade
Reboots
2 Different API and Tokens

Anybody have a clue on whats going on?

That is so cool, if it works

The name is PuTTy
PuTTy

But as mentioned, you have to turn on SSH

I Used this solution link

Now it works… at bit slowly, but it works

Hello everybody online

I’m looking for a solution to get rid of the black border around my GSlide (See screenshot)

This is the code in config.js

{
module: "MMM-iFrame-GSlides",
header: "Arangementer, ture",
position: "top_left",
config: {
  url: "https://docs.google.com/presentation/d/e/2PACX-1vT04vwA1wVmel9V-ew1t-c33GaS64tU0nLeMDjTDl5bUr2-CjfjxdRCEJiBFEPlH7xbqxP6KCxVvGIG/embed?start=false&loop=false&delayms=3000&rm=minimal",  
  RefreshInterval: 5 * 60 * 1000, // Refreshes Page every 5 minutes.
  width: "400px", 
  height: "600px" 
	}
},

I’ve tried to add this in custom.css

.MMM-iFrame_Gslides {
border: none,
};

I got the same result, using another iFrame-module

Can anybody help?

Merry Christmas