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”
Is it possible to remove or change the background color of the sidebar links on hover. In other words. I have a dark background and by default the background behind the side bar links turns a liter color on hover and becomes hard to see.
Here is a link to the site dev.apfrepair.net
Thanks in advance. I love the theme. every time I try and build a site on another theme, I end up back at customizr….Big Thanks
Hello Sir,
Is it possible to delete empty space between left edge to starting of left widget area and right edge to ending of right widget area?
If it is possible provide me snippet.
Michael & Jinka, Sorry for not responding sooner. I’d suggest the Forum would be a better place to get a solution for this, with a much wider audience to help fix problems. And please include a link to your Site.
I do try to keep up but the Forum gets my priority.
Hey dave,
A little bug: the code above works to remove the right sidebar border but when I change the background color of the site, the right border comes back as a little white line that cannot be removed, do you know how I can remove the white vertical line?
Thanks Dave,
I looked on the forum on here, Sorry I didn’t think about checking on the WP forum of Customizer
I’ll wait patiently for it 🙂
Cheers’
Peter
Hi,
Is it (easily) possible to re-size the sidebar to 300 wide instead of what it is (250?)
I’ve searched her, but it appears this hasn’t been mentioned anywhere.
Cheers’
Peter
Hi Peter. Looks like I need to add this request to my todo list as it has cropped before in the Forum.
I’d suggest the Forum would be a better place to get a solution for this, with a much wider audience to help fix problems. And please include a link to your Site.