As always, you can turn off the borders and control numerous other style options for the Producer theme by purchasing and using the CSS Styling Tool. However, if you prefer to do the job by manually editing the file, the steps below will allow you to turn off the sidebar borders.
Sidebar #1
1. Open the file styles-sidebar1.php found in includes/styles
2. Look for the section that begins <?php /* Start CSS Default */ ?>
3. With the section for the default CSS settings look for and change #sidebar1 .widget,#sidebar1 .widget-hw { border:5px solid #f2f2f2; margin-bottom:5px; }
4. Changing #sidebar1 .widget,#sidebar1 .widget-hw { border:5px solid #f2f2f2; margin-bottom:5px; } to #sidebar1 .widget,#sidebar1 .widget-hw { margin-bottom:5px; } will remove the border from sidebar 1
Sidebar #2
1. Open the file styles-sidebar2.php found in includes/styles
2. Look for the section that begins <?php /* Start CSS Default */ ?>
3. With the section for the default CSS settings look for and change #sidebar2 .widget,#sidebar2 .widget-hw { border:5px solid #f2f2f2; margin-bottom:5px; }
4. Changing #sidebar2 .widget,#sidebar2 .widget-hw { border:5px solid #f2f2f2; margin-bottom:5px; } to #sidebar2 .widget,#sidebar2 .widget-hw { margin-bottom:5px; } will remove the border from sidebar 1
Join the forum discussion on this post - (1) Posts
If you are using a version earlier than 2.1.8 you will not see a <?php /* Start CSS Default */ ?> in the file. So simply use the “Find” tool in the editor you use to edit the file to locate the strings #sidebar1 .widget,#sidebar1 .widget-hw { border:5px solid #f2f2f2; margin-bottom:5px; } and #sidebar2 .widget,#sidebar2 .widget-hw { border:5px solid #f2f2f2; margin-bottom:5px; } and make the necessary changes
Hello. I would like to run 300px banners on the right sidebar (sidebar2). Can it be done? Can I adjust the width of the sidebar1 to compensate?
Miquel, the right sidebar is less than 300 pixels wide so you’ll probably have some layout issues if you insert a 300 pixels wide ad into the space.