Post formatting — add line between posts

  • After reviewing lots of other topics, I have found that adding borderbottom: 3px solid will add a border to the bottom of every post. I am using the Crimson Sunrise template there is no .post portion of the style sheet to add it to. Any thoughts on how I can do this? The site address is https://www.constitutionpercussion.org and the actual page that I am working with is: https://constitutionpercussion.org/?page_id=40

    You can see that it is a test page. I have made a completely different template to make the posts pull into that page. I am trying to change my current news page to this format, but I need to get a few cosmetic things out of the way first such as this.

    Any thoughts?

    Thanks for your help in advance.

Viewing 6 replies - 1 through 6 (of 6 total)

  • looks you’re putting posts in
    <div class="entry">

    So that’s probably the class you want to add your border-bottom on.

    Thread Starter shull123

    (@shull123)

    Yes. That’s correct. I thought that was it, but I couldn’t get any changes when I added the changes. Here’s the stylesheet info that I have for it. When I change the .entry from 0px to anything else, it changes the border of the box, but it doesn’t include the info. Am I just placing the border-bottom in the wrong place?

    /* entry
    ————————————————–*/
    .entry {padding-bottom:15px; margin-bottom:20px; font-size:95%; border-bottom: dotted 0px #eee; }
    .entry .info {position:relative; padding:1px; border:1px solid; font-size:0.9em; border-color:#ddd; background-color:#f4f4f4; line-height:1.3em;}
    .entry.single {clear:both;}
    .entry .info a {margin-right:6px; padding-right:9px; border-right:1px solid; #949494;}
    .entry .info em {padding-right:6px; font-style:normal;}
    .entry .author,
    .entry .editlink a {padding:0 0 0 5px; border-left:1px solid; border-right:none;}
    .entry #filedunder {clear:both; padding:3px 0 0 0; font-size:0.9em;}
    .entry a.more {padding-left:12px; background:url(/images/more.gif) center left no-repeat;}
    .entry .info .date {padding-left:15px; background:url(/images/post.gif) center left no-repeat;}
    .entry .info .author {padding-left:23px; border-color:#949494; background:url(/images/author.gif) 10px 2px no-repeat;}

    Probably just tripping over colors.

    Replace that first line with:
    .entry {padding-bottom:15px; margin-bottom:20px; font-size:95%; border-bottom: dotted 1px #333; }

    Thread Starter shull123

    (@shull123)

    That’s what I thought too, but check this link and you can see what happens. The dotted line appears like it’s suppose to, but I can’t figure out why it won’t go around the actual post text.

    https://constitutionpercussion.org/?page_id=40

    Well, it won’t go around because you’re only asking for a bottom border.
    border-bottom: dotted 1px #333;

    So change that last bit to just border, not border-bottom

    Thread Starter shull123

    (@shull123)

    It’s working now! Thanks for the help. You’re the heat.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Post formatting — add line between posts’ is closed to new replies.