BBPress layout issue

Whoops… here is the link for the WooCommerce page. The product description towards the bottom of the page gets a little crowded around the edges:

https://nuggetweb.com/product/nuggetweb-merchant-shop/

BBPress issue resolved by adding this to the child theme style.css

#content .topic, .bbpress-forums {
width: 95% !important;
}
#content .forum {
width: 100% !important;
}

Still unsure about how to fix the WooCommerce issue.

It looks like you just need to add some padding to your CSS on the element(s) where the text is butting up against the edges.

Here are some very helpful posts that will help you customize your site with CSS by locating the specific elements you’re trying to target:

https://dailypost.wordpress.com/2013/07/25/css-selectors/

https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

The articles are on WordPress.com but the same principles apply to any WordPress site.

Got it. I was having trouble finding the right selector. Here was what I needed:

#content .product {
	margin-left:auto;
	margin-right:auto;
	padding: 7px;
}

Thanks Kathryn!

Great, glad you’re all set!