Line between entries, and padding under the navigation strip.

[nimueth]

Hello again, hopefully I'm not starting to be a torn in your sides. I managed to fully restore my layout to the way it was before (saved the CSS, so I won't be making the same mistake again!), but I'd like to make a couple small changes.

One is to remove the thin lines under the entry title and above the metadata. That's the entry border colour in the wizard, and I could get rid of it by changing it to white, but the problem is it also removes the thick line that separates the entries, which I want to keep. It doesn't have to be that thick or even a line, (the original on LJ was 1 pixel and dashed) I just want something between the entries.

The other would be to add some padding under the navigation links, because it looks a little clustered right now (again, see what I mean on the LJ version for reference).

I'm using Dusty Foot, if that's relevant.

Thank you in advance!

Comments

[witchka]

In

.metadata.bottom-metadata

remove or make this 0px/white:

border-top: 1px solid #dddddd;

and in

.entry-poster

remove or make this 0px/white:

border-bottom: 1px solid #dddddd;

To move your page down in #canvas change margin-top to whatever you like.

[nimueth]

I haven't used any CSS for those, it's just how it looks on the native layout. But adding this:

.metadata.bottom-metadata {
border-top: 0px solid #ffffff;
}

removed the line above the metadata. However, this:

.entry-poster {
border-top: 0px solid #ffffff;
}

didn't do anything and the line is still under the title Nevermind, figured this one out, it was border-bottom, not border-top!

I'm not trying to move my whole page down, I just want to create some space under the navigation strip (edit: I mean the navigation links which on my layout is a strip under the header. Apologies for the bad wording!). Increasing the margin-top value in #canvas moves the entire body further down.

[witchka]

Perhaps you want the #content div, then, same principle applies. That does leave you with a gap, though, so maybe also add background: #ffffff; to #content

eta: add the background to #inner, actually.

[nimueth]

What would be the full code for that? I'm good at playing with existing codes, but I'm not sure how to create them from scratch :X

[witchka]

#content {
margin-top: 20px;
}

#inner {
background #ffffff;
}

[nimueth]

Thank you very much, that did exactly what I wanted! <3

It did create a transparent gap though, so the page background is visible. I tried moving background: #ffffff; into #canvas since it wasn't doing anything in #inner, but it still looks the same.

[witchka]

oh it might be .inner not #inner

[nimueth]

That was it! Thank you, you're a savior. <3

Hopefully this really is the last question, but I just noticed that the dreaded line is still there under the entry tags (I didn't use any in my recent entry so I only noticed it now). I thought that was part of the metadata, but it looks like it's a different group?

[witchka]

.tag {
border-bottom: 0px solid #ffffff;}

[nimueth]

Thank you so much!! :)