Image border code needed

• 

  sapmyzone · Member · Oct 11, 2014 at 1:20 pm

  • Copy link
  • Add topic to favorites

  Hi,

  i need to change the color of the border around the main picture on my site (http://www.rabeeatahir.com/). The color right now is white and i need to change it to #b5b5b5(gray) and need a code

  Also on this articles page(http://www.rabeeatahir.com/articles/) i need to do the same with the border of all the featured images to #b5b5b5

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

• 

  hallluke · Member · Oct 11, 2014 at 2:23 pm

  • Copy link

  Hi, your site isn’t hosted here at WordPress.com so in future the best place to ask is over at the WordPress.org forums, for future reference here’s an explanation of the difference.

  Here’s some CSS to try though:

  #contentwrapper img,
  .wp-image-borders img {
    border-color:#b5b5b5!important;
  }

• 

  sapmyzone · Member · Oct 20, 2014 at 1:47 am

  • Copy link

  Really sorry but ive been waiting this whole time no one replied on .org. I just need one more thing after which i can close this thread. I just want to break this code you sent to me and have a different color for .wp-image-border. Content wrapper(Main picture is same #b5b5b5) and articles page picture is #another color.
  Sorry again i wont post here for this site

• 

  hallluke · Member · Oct 20, 2014 at 2:14 pm

  • Copy link

  To set a different colour for each part of the code you would split it like this:

  #contentwrapper img {
    border-color:#f00!important;
  }
  
  .wp-image-borders img {
    border-color:#b5b5b5!important;
  }

• 

  sapmyzone · Member · Oct 20, 2014 at 2:36 pm

  • Copy link

  Oh i tried that but it doesnt work. It just uses the .wp-image-borders color for both of them. Thanks anyways though i really appreciate your help hallluke!!