runpunkrun: Pride flag based on Gilbert Baker's 1978 rainbow flag with hot pink, red, orange, yellow, sage, turquoise, blue, and purple stripes. (Default)
Punk ([personal profile] runpunkrun) wrote in [community profile] style_system2011-12-23 12:05 pm

horizontal navlinks in Modish? [solved]

Hi folks, I'm using Modish set to two columns, but what I'd like to do is move one of my modules up to the top and have it display horizontally, which isn't an option in the wizard as far as I can see.

So my question is: Is it possible to make the navlink module horizontal? I want it directly under my header as a line of links, not the vertical stack in the sidebar it is now.

Any help is appreciated!
independence1776: Drawing of Maglor with a harp on right, words "sing of honor lost" and "Noldolantë" on the left and bottom, respectively (Default)

[personal profile] independence1776 2011-12-27 05:02 pm (UTC)(link)
This is exactly what I was looking to do as well. My question now is, would this work on a one-column Tranquility III style? ( I know nothing about CSS. If I need to do more than copy/paste, I'll be lost.)
ninetydegrees: Art: self-portrait (Default)

[personal profile] ninetydegrees 2011-12-27 07:34 pm (UTC)(link)
I see yours is already in the header because you're in one-column-split mode. Assuming you want to display the links on one line, you only need this:

.module-navlinks li {
display: inline;
}

If there's anything else, let me know. :)
independence1776: Drawing of Maglor with a harp on right, words "sing of honor lost" and "Noldolantë" on the left and bottom, respectively (Default)

[personal profile] independence1776 2011-12-28 02:52 am (UTC)(link)
Yes! Thank you! That's exactly what I wanted to do. :D

Now, completely extra, is there a way to add a little bit of space between the words? Even if there isn't, I'm ecstatic about this. My journal's finally looking how I want it.
ninetydegrees: Art: self-portrait (Default)

[personal profile] ninetydegrees 2011-12-28 07:13 am (UTC)(link)
You're welcome!

Sure, try this instead:

.module-navlinks li {
display: inline;
padding-right: .5em;
}

You can decrease or increase the number in padding if it's too much or not enough.
independence1776: Drawing of Maglor with a harp on right, words "sing of honor lost" and "Noldolantë" on the left and bottom, respectively (Default)

[personal profile] independence1776 2011-12-28 04:46 pm (UTC)(link)
That's perfect!

Thank you so, so much! :D
ninetydegrees: Art: does and waterfall (dear deer)

[personal profile] ninetydegrees 2011-12-28 09:54 pm (UTC)(link)
Glad I could help!