CSS Help

[BKeyport]

@sdetweil Exactly, I can’t seem to get far enough in custom.css

.region.top.bar.container don’t work, etc. The problem seems to be the style is hardcoded, perhaps, but I have no idea where.

[sdetweil]

@BKeyport when there is no space between classes it means has all

but this is split over 2 tags
div .region.top.bar
div .container

[BKeyport]

@sdetweil So, how would I get down to container, and restrict it to within the top bar?

[sdetweil]

@BKeyport in css you can’t as it selects all

using code you can, cause u can change one element

[shin10]

Just use

.region.top.bar .module {
    display: inline-block;
}

or even better, explicitly the modules you want in one line (to avoid notifications shifting everything to the left in case they pop up)

.MMM-FlipClock, .MMM-Worldclock {
    display: inline-block;
}

(*oops - edited)

[BKeyport]

@shin10 2nd option is near perfect! Thanks! (changed it to inline-flex, and it lines up correct)

[sdetweil]

@BKeyport but you asked to modify top_bar, not your module…

[BKeyport]

@sdetweil True, because I didn’t know the solution was to specify per-module.

😉

[sdetweil]

@BKeyport ah , requirements… lol

[BKeyport]

Devil in the details, again. :)