CSS Help

BKeyport

As predicted, putting it in broke everything. It’s specifically got to fall into that container under top.bar. :/

sdetweil

@BKeyport so you could use code to fiddle w the styles.

you want it on .container under region top bar

not on top bar itself… else everything will be affected

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.

😉