Making Horizontal Links in Tumblr Themes


#1

I’m having a little bit of trouble making my links at the top of my page horizontal. They keep going in a vertical list. You can check the problem at www.ohmanclothing.tumblr.com. I think it has something to do with this script. Can someone show me how to make them horizontal and equally spaced?


{block:IfShowRandomLink}
Random
{/block:IfShowRandomLink}
{block:IfShowLikesLink}
Likes
{/block:IfShowLikesLink}
{block:IfShowMobileLink}
Mobile
{/block:IfShowMobileLink}
{block:SubmissionsEnabled}
Submit
{/block:SubmissionsEnabled}
{block:AskEnabled}
Ask Away
{/block:AskEnabled}
{block:HasPages}
{block:Pages}
{Label}
{/block:Pages}
{/block:HasPages}



#2
coolnammy1 said

I’m having a little bit of trouble making my links at the top of my page horizontal. They keep going in a vertical list. You can check the problem at www.ohmanclothing.tumblr.com. I think it has something to do with this script. Can someone show me how to make them horizontal and equally spaced?


{block:IfShowRandomLink}
Random
{/block:IfShowRandomLink}
{block:IfShowLikesLink}
Likes
{/block:IfShowLikesLink}
{block:IfShowMobileLink}
Mobile
{/block:IfShowMobileLink}
{block:SubmissionsEnabled}
Submit
{/block:SubmissionsEnabled}
{block:AskEnabled}
Ask Away
{/block:AskEnabled}
{block:HasPages}
{block:Pages}
{Label}
{/block:Pages}
{/block:HasPages}


Not really, just find nav a on the index’s styles and remove display: block. Then I’d also add a margin, such as margin: 0 12px; or so.

To make the whole row of links display in the center, add a margin of margin: 0 160px; approximately to the nav itself.

Good luck :wink:

Chris


#3

Thanks Chris! Everything worked out!