Change Sidebar borders

Note : This snippet applies to Customizr version 3.1.x and below. It may not work with version 3.2+. Use with caution on 3.2+ and check the availability and type of the hooks in the Customizr hooks API.

Last Reviewed: 29-Mar-14

If you need to Change Sidebar borders:

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:

Left sidebar border:

 

Remove the sidebar borders:


About Dave Bardell

My name is Dave Bardell (@rdellconsulting) and have been supporting the Forum since discovering this wonderful Theme. Have learnt a lot from other Supporters (@acub, @tomaja, @ElectricFeet, in particular). Have a library of snippets I've built up which in adding here, I'll try to acknowledge the original contributor but apologies to any I miss or wrongly attribute. daveb@rdellconsulting.com


6 thoughts on “Change Sidebar borders

  • Reply
    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

    • Reply
      Dave Bardell Post author

      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.

  • Reply
    Peter

    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

  • Reply
    Michael

    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?

  • Reply
    jinka varalakshmi

    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.

    • Reply
      Dave Bardell Post author

      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.

Leave a Comment

Your email address will not be published. Required fields are marked *

Do you need to share some code? To display it in a nice looking syntax highlighter, wrap your code between the following tags (css code in this example) : <pre class="lang:css">YOUR CODE</pre> ( possible code language acronyms : css, php, xhtml, javascript, sql)

You may also use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">