Change Sidebar borders

Last Reviewed: 27-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.*

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

Right sidebar border:

/* START OF Change Sidebar borders */
/* 2px=thickness, solid=style (dotted - dashed - solid - double - groove - ridge - inset - outset), green=color */
#right.widget-area {
  border-left: 2px solid green;
}
/* END OF Change Sidebar borders */

Left sidebar border:

/* START OF Change Sidebar borders */
/* 2px=thickness, solid=style (dotted - dashed - solid - double - groove - ridge - inset - outset), green=color */
#left.widget-area {
  border-right: 2px solid green;
}
/* END OF Change Sidebar borders */

 

Remove the sidebar borders:

/* START OF Change Sidebar borders */
/* Left #FAFAFA is background color */
#left.widget-area, #left.widget-area:after  {
  border-right: 0px solid #FAFAFA;
}

/* Right #FAFAFA is background color */
#right.widget-area, #right.widget-area:after {
  border-left: 0px solid #FAFAFA;
}
/* END OF Change Sidebar borders */

7 thoughts on “Change Sidebar borders”

Comments are closed.