Title: Side bar width modify
Last modified: June 16, 2020

---

# Side bar width modify

 *  [7acestech](https://wordpress.org/support/users/7acestech/)
 * (@7acestech)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/side-bar-width-modify/)
 * I am looking to decrease the width of the woocommerce side bar. Apparently, if
   I go to Customize and change the % of side bar width it is only changing product
   filter widths, not actually decreasing the side bar width.
 * See the below image for further clarification
    [https://ibb.co/44M1WcR](https://ibb.co/44M1WcR)
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fside-bar-width-modify%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/side-bar-width-modify/#post-12990526)
 * Hello,
 * Try to use the below css code. Add it to the Customize > Custom CSS section. 
   It only works on woocommerce pages –
 *     ```
       .woocommerce .widget-area {
           width: 22%;
       }
       .woocommerce .content-area {
           width: 78%;
       }
       ```
   
 *  Thread Starter [7acestech](https://wordpress.org/support/users/7acestech/)
 * (@7acestech)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/side-bar-width-modify/#post-12992734)
 * Hi
 * The line obviously moved left and I believe I can also do that from styling.
   
   However my problem is as follows. I realized I did not ask the question properly.
 * The line moves left. Which is good. Then it is also squeezing the widgets. I 
   dont want that. I want the widgets to have a set width…so it will be close to
   the line, rather than crumbling in this picture.
 * [https://ibb.co/b7v12yd](https://ibb.co/b7v12yd)

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Side bar width modify’ is closed to new replies.

 * ![](https://ps.w.org/ocean-extra/assets/icon.svg?rev=2814940)
 * [Ocean Extra](https://wordpress.org/plugins/ocean-extra/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ocean-extra/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ocean-extra/)
 * [Active Topics](https://wordpress.org/support/plugin/ocean-extra/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ocean-extra/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ocean-extra/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [7acestech](https://wordpress.org/support/users/7acestech/)
 * Last activity: [5 years, 9 months ago](https://wordpress.org/support/topic/side-bar-width-modify/#post-12992734)
 * Status: not resolved