How do I change the color of a widget border ?

• 

  lvbroker · Member · Oct 14, 2014 at 11:28 am

  • Copy link
  • Add topic to favorites

  Hello,

  How do I change the color of a widget border ?

  the entire border of the widget ?

  Thank you

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

• 

  pcosta88 · Member · Oct 14, 2014 at 12:06 pm

  • Copy link

  Hello!

  You can change the border of your widgets with the following CSS code

  .row .eightcol, aside .widget-wrap, td {
      border-color: #008000;
  }

  I’ve included an example for you using some web development tools of what it may look like:
  http://pbrd.co/1w5LV4u

  Whereas border-color: PUTCOLORHERE
  See here for more information on colors:
  http://www.w3schools.com/cssref/pr_border-color.asp

  Also, take note that WordPress requires a CSS upgrade to do custom jobs.
  http://en.support.wordpress.com/custom-design/custom-css/

  If you have any other questions, feel free to post.

• 

  lvbroker · Member · Oct 14, 2014 at 1:38 pm

  • Copy link

  Fantastic…

  how would i change the weight i want it to be more thick ?

• 

  pcosta88 · Member · Oct 14, 2014 at 3:34 pm

  • Copy link

  To change thickness you would want to add the following CSS code directly beneath your previous code:
  border-width: NUMBERHEREpx;

  Example: border-width: 10px;
  Picture to illustrate
  http://pbrd.co/1w4MObG

• 

  pcosta88 · Member · Oct 14, 2014 at 3:35 pm

  • Copy link

  Oops! Forgot to add a helpful link. To learn more about border-properties see:
  http://www.w3schools.com/cssref/pr_border-width.asp

• 

  thesacredpath · Member · Oct 14, 2014 at 5:43 pm

  • Copy link

  @lvbroker, can I as that you don’t ask the same question in multiple threads? It keeps us answering the same question in multiple places.