Changing border color on SemPress Theme

• 

  jfn2nd · Member · Dec 23, 2013 at 7:38 am

  • Copy link
  • Add topic to favorites

  As you scroll down the homepage, each blog post is in its own ‘box’ … or, stated another way, there is a ‘border’ around each post.

  I’m wondering if there is a way to edit the CSS and change the box/border color?

  I’d like the color to change on both the homepage, and on the individual post page…

  http://johnbalaya.com

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

• 

  jfn2nd · Member · Dec 23, 2013 at 7:42 am

  • Copy link

  Also … I don’t mind the drop shadow that is around each box, so I don’t want to get rid of it … though, is there a way to make it just a little bigger?

• 

  justpi · Member · Dec 24, 2013 at 11:31 pm

  • Copy link

  Add this:

  article.page, article.post, article.attachment {
  border: 1px solid #CCCCCC;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  }

  Replace CCCCCC with the hex for the color you prefer.
  Change the 1 and the 5 to adjust the shadow.

• 

  jfn2nd · Member · Dec 25, 2013 at 3:08 am

  • Copy link

  Thank you so much! I really appreciate the help!
  Enjoy your holidays!

• 

  justpi · Member · Dec 26, 2013 at 11:37 am

  • Copy link

  You’re welcome – happy holidays!