Adding a light line to the bottom of the post

anyone?

You asked a very theme specific question, but offered no link? A link to the blog in question, or somewhere that folks could see the theme in action would be very helpful towards getting a useful answer.

Easy. Just add a border-bottom to the last thing in the post (prolly the content but not necessarily). Then adjust margins, padding to suit. Or go fancy and make a line graphic and position it as a bg for the same last item instead. HTH. No need to futz……

the link is https://www.sneakerfiles.com/test

and Root, thank you for responding, is there anyway you can explain more?

Also Handy I apologize, I did not know that was needed.

Take Root’s advice. In your theme’s CSS, find the .post.

Add

border-top: thin solid grey;

Feel free to replace “grey” with whatever strikes your fancy.

“Feel free to replace ‘grey’ with whatever strikes your fancy.”

Well maybe not quite whatever. There are 139 other choices if you use names.

Sorry handy, couldn’t resist.

You could also just add a “<hr />” into the loop, once you’ve defined your stylesheet to say something like:

hr {
   border: 1px solid gainsboro;
}

Or if you want it a bit skinnier:

hr {
   border: none 0;
   border-top: 1px solid gainsboro;
   height: 1px;
   margin: 0;
   padding: 0;
}

I have added
hr {
border: none 0;
border-top: 1px solid gainsboro;
height: 1px;
margin: 0;
padding: 0;
}

and still nothing, is there a certain section I should add?

Did you do this part?

You could also just add a “<hr />” into the loop, once you’ve defined your stylesheet to say something like:

So, I should add

<hr/> border-top: thin solid grey;

and were do I add this?

On know on my Stylesheet

To repeat pidin_dim:

You could also just add a “<hr />” into the loop, once you’ve defined your stylesheet to say something like:

hr {
   border: 1px solid gainsboro;
}

So, as you might surmise, you’re going to make changes to two files.

You’ll add the bottom part of that to your theme’s style.css.

You’ll add the first part (the simple <hr />) to your theme’s index.php in The_Loop.

No, the <hr /> should be in your template file (probably index.php), where you want your horizontal line to be.

Then you go to your style.css file and add these lines:
hr {color: gray; height: 1px;}

If you plan on using lots of horizontal rules with different sizes, and colors, you’ll need to add a class, like this:
In your template file: <hr class="thingrayline" />
And in your style.css file: hr.thingrayline {color: gray; height: 1px;}

That way you can use different styles of horizontal rules, giving each a different class.

ok, new problem
when I add this in, the sidebar crunched up and aligns weird…as well as the footer comes to the right sidebar.
Why is that?

actually, I just forgot the {
thanks everyone for the help.