• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Change Width of Content & Sidebar on WooCommerce Shop Page Using Genesis

This code enables you to control the width of both the content area and primary sidebar on the WooCommerce shop page.

change-content-sidebar-width

How it works

If you increase the value for the content by 80px, you must also decrease the value for the sidebar by the same amount.

This solution can be used as a guide to change the width of any sidebar and content area on any page or post in Genesis. In this post, it only applies to the shop page in WooCommerce.

Here’s the code tested on the Genesis Sample child theme by StudioPress using the Genesis WooCommerce Connect plugin with WooCommerce:

Register for full access

Related Tutorials

  • Change Sidebar Width in New Genesis Child Themes
  • Change Content & Sidebar Width Layout in Genesis

WooCommerce

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.