Fluid Measure: Nav Module

[misbegotten]

Hiya! I'm a CSS noob and most of what I've learned thus far is trial and error attempts at implementing suggestions for custom CSS that I've seen in this community.

I'm playing around with Fluid Measure on my journal and have a couple of questions. Thank you for any help you can give!:

1) Is it possible to put the Navigation module in a header? Or do I need to pick a different style to do that? That's a dealbreaker for me.

(ETA: fixed! thanks to althea_valara) 2) The space (container? IDEK) around the modules is showing black on my desktop (but not on mobile). I can't figure out where to change that.

Comments

[spectraforce]

Hi! For your second question:

That black space is caused by a border-right CSS that only shows up on desktop. Your sidebar appears on the right, thus the responsible code is this one:

.two-columns-right #content,
    .three-columns-sides #content {
        border-right: 15em solid ;
    }

To set the color, you can add the color code next to the word solid. For example, to set it to white you can do like

border-right: 15em solid #ffffff;

I hope this helps.

[misbegotten]

Perfect! Thank you so much!

[misbegotten]

Oof. That completely messed up my mobile view of both home and reading pages. Oh well.

Sorry: I should have provided details. Everything in my mobile view collapsed so that I was only seeing one character per line. I removed that code from my custom CSS and it went back to normal. Thanks anyway.

[althea_valara]

Regarding #2, I think I figured it out for you as I also use Fluid Measure as my layout, and it can be done via the Dreamwidth user interface rather than mucking about with the CSS.

From the Dreamwidth main menu, go to Organize -> Customize Style, then click the Colors tab on the left side. The screen looks like this:



The entry you want is the Page border color - it probably reads #000000 right now. Change that to whatever Hex color you'd like, and that should fix the issue.

I hope this works for you! Unfortunately I don't know enough about CSS to answer your first question.

[misbegotten]

That's what I needed! Thank you! That works for both desktop and mobile. <3

[momijizukamori]

For (1), it requires overriding the S2 layer - buuuuut we had plans to add 'navigation in the header' to as many layouts as possible, it just hasn't been done yet. So perhaps it is time for me to sit down and handle that, lol

[misbegotten]

:D