CSS help – Changing bottom border

  • Unknown's avatar
    roisingrace · Member ·

    Hi there,

    I’m trying to change the bottom border between my posts on my blog. Currently it’s a nasty green, and I just wanted to change it to a pal grey single line. I tried using this code but it did not help.

    p.footer-copy:before,
    p.footer-copy:after {
    border: 1px solid #FAFAFA;
    }

    p {
    border-style: solid;
    border-bottom-color: #F2F2F2;
    }

    Any help would be really appreciated!

    Thanks

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    roisingrace · Member ·

    Also, I really like the way this blog has changed the CSS for the post titles to Uppercase, bold and font http://girllostinthecity.com

    Does anyone know how to change this?

    Thanks again!

  • Unknown's avatar
    hallluke · Member ·

    These two rules should take care of the borders between posts, add the code in to the end of your existing custom CSS:

    .hentry:after,
body.single .content-area:after,
.hentry footer:after,
body.single .site-content:after {
  border-color:#ccc;
}
.hentry:after,
body.single .content-area:after {
  border:none;
}

    You should be able to select the Brandon Grotesque Bold font from the options in your customizer screen, see the custom fonts support page for a quick walk-through. Once that’s done leave a comment here to let me know if you still would like the size and case changed (but don’t forget that the CSS forum is the best place to ask these sort of questions in future!)

  • The topic ‘CSS help – Changing bottom border’ is closed to new replies.