horizontal navlinks in Modish? [solved]

[runpunkrun]

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!

Comments

[ninetydegrees]

It is possible with CSS with something like:

.module-navlinks {
position: absolute;
top: 8em;
right: 0;
}

.module-navlinks * {
display: inline !important;
}

#header {
padding-bottom: 3em;
}

You may need to adjust some values depending on your font size. Also, with this method it doesn't always display fine in all sorts of resolutions and font sizes. The other method is via advanced customizations and a layer. If that's what you'd rather do I can try and see what I can come up with.

[runpunkrun]

Brilliant! This gets it up there, and with a bit of extra padding-top in the header, nestles in nicely. Thank you!

[ninetydegrees]

You're most welcome!

[independence1776]

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]

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]

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]

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]

That's perfect!

Thank you so, so much! :D

[ninetydegrees]

Glad I could help!

[merms]

If I may resurrect a very old entry here, that I found through google...

Would you be willing to walk me through creating a layer for this kind of thing? I'd like to have the custom text module display at the top horizontally, like an introductory paragraph.

[ninetydegrees]

Hey, sure. Is this for your current style and theme?