How do I edit Padding/CSS on a page? WooCommerce on ProTheme

Support
#1

Here’s my page:

https://galandgeezer.wpengine.com/?post_type=product

When I edit additional CSS, it changes the entire website, not the one page. Can I edit this within the Pro theme/add custom code somewhere to do this?

I’d like to change the padding so that the first product box isn’t directly on the side of the page. Thanks!

https://galandgeezer.wpengine.com/?post_type=product

#2

Hi Peyton,

Thank you for writing in, did you add that custom CSS below somewhere? That is the CSS rule that makes your product image go to the edge of the site. Please remove that and your WooCommerce page container will be back to normal.

.x-container.width{
	width:100%;
	}
.x-container.max {
	max-width:1500px;
}

Hope it helps,
Cheers!

#3

I did not add it. I think either the theme or the Woocommerce plugin added it. I think I can change the site to not be full width, but I think that will affect all my pages, not just the products page.

If I wanted to remove that, is there a place that I can edit it within the theme?

#4

Hi again,

You can change the site max width and site width via Theme Options > Layout and Design. Adjust Site Max Width and Site Width as per your need.

Hope this helps!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.