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

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems