MMM-Jeedom - align to left

selyjohns · Dec 10, 2021, 4:19 PM

With the inspector, I’ve been able to do this :)

in main.css

.region.bottom.left .time.align-right
 {
  text-align: left;
}

I think it’s not the best optimisation.
I don’t found how to apply only this parameter to Jeedom module, only on bottom_left.

Thank you.

sdetweil · Dec 10, 2021, 4:24 PM

.region.bottom.left .time.align-right
{
text-align: left;
}

.MMM-Jeedom .time.align-right
 {
  text-align: left;
}

mumblebaj · Dec 10, 2021, 4:26 PM

.MMM-Jeedom .time.align-right
{
text-align: left;
}

Should go into custom.css and not main.css right?

selyjohns · Dec 10, 2021, 4:35 PM

.MMM-Jeedom .time.align-right
{
text-align: left;
}

Works great, in custom.css instead main.css :)
Thank you for your help

sdetweil · Dec 10, 2021, 4:37 PM

@mumblebaj all css goes in custom.css

never change main.css

never change any files mm ships

selyjohns · Dec 10, 2021, 7:00 PM

Hi again,
Finally, I’ve a problem.

The modification is applied to all jeedom module, not only on the bottom left one.

Is anything possible to apply only the align left to the jeedom module on bottom left only ?

I want to keep the align right for the jeedom module on bottom_right

Thx.

sdetweil · Dec 10, 2021, 7:04 PM

@selyjohns read this and the next two posts

#identifier   .time.align-right  {
text-align: left;
}

selyjohns · Dec 10, 2021, 7:12 PM

#identifier .time.align-right {
text-align: left;
}

yep
Works perfectly with the identifier of the two module

#module_9_MMM-Jeedom .time.align-right  {
text-align: left;
}

#module_10_MMM-Jeedom .time.align-right  {
text-align: left;
}

Thank you…again :) !
Have a nice week-end

sdetweil · Dec 10, 2021, 7:47 PM

@selyjohns little warning. if u add a module to the list in front of those two, their identifiers will change

selyjohns · Dec 10, 2021, 7:58 PM

@sdetweil it’s ok, thx