MMM-Jeedom - align to left

selyjohns

Hi,

The module displays information with “CustomTitle” align to left, and value of idx align to right (see on bottom_right)

For 2 other MMM-Jeedom (positionned on bottom_left), I want the result align to left.

alt text

Is it possible ?
Thank you.

selyjohns

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

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

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

mumblebaj

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

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

selyjohns

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

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

sdetweil

@mumblebaj all css goes in custom.css

never change main.css

never change any files mm ships

selyjohns

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

@selyjohns read this and the next two posts

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

selyjohns

#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

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