Product Page WooCommerce HELP !!! problem with featured image

Hi @skoczyi!

Dyad’s layout is a little on the unique side, so some parts of the site may not be a perfect fit with Woocommerce’s setup right out of the box.

Try adding this CSS to your site:

.woocommerce.is-singular .site-inner {
	max-width: 700px;
	float: none;
	margin: 50px auto 0
}

.woocommerce.is-singular .entry-content:before {
	display: none;
}

That should clean up the single product pages a bit ??

To add that CSS you can use the Additional CSS panel in the Customizer (assuming you’re running at least WordPress 4.7) or with something like the Jetpack Plugin using the Custom CSS Module

Hey. Thanks!!! it is working perfect!!

i’m so sorry for late answer.
i’m really thankfull for people like U

!!

You’re welcome! Happy to help ??

Hi Chad, I used this code but how do expand the footer? And how remove the duplicity above of the footer? https://www.saborhonesto.com.br/produto/executivo-2/

Gratefully

• This reply was modified 7 years, 10 months ago by Fabio Nunes Souza.

Sorry. is https://www.saborhonesto.com.br/produto/prato-1/
thank

Excellent point @fabio-nunes-souza!

This should be better:

.woocommerce.is-singular .site-content {
    margin: 0 auto;
    max-width: 700px;
}    

.woocommerce.is-singular .site-inner {
    width: 100%;
    float: none;
    margin: 50px auto 0;
}

.woocommerce.is-singular .entry-content:before {
	display: none;
}

Hi Chad. Thank Very Much for your great support, but like product page image, the topic width of the footer does not ok. I Would like know if is possible keep the product page footer like home page footer (with broke).

Greatefully

I did a little more testing and here’s what I’ve come up with. I started with a fresh copy of WooCommerce and Dyad, so this may not be an exact match depending on any customizations you’re already using.

I combined the four styles from my last post with this for the footer:

.single-product.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .widget-area .widget {
    width: 24.5%
}

@media only screen and (max-width: 1200px) {
    .single-product.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .widget-area .widget {
        width: 49.5%
    }
}

@media only screen and (max-width: 680px) {
    .single-product.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .widget-area .widget {
        width: 100%
    }
}

Dyad’s CSS is very specifically written so some of the style selectors are a bit longer than average ??

Yes. Thank Very Much!

• This reply was modified 7 years, 10 months ago by Fabio Nunes Souza.

You’re welcome!

Hey Chad.

I dont know how You are doing this but. your are good.

Can you maybe help me one more time?

is it possible to delete from product page this 4 things
“search, Pages, Archives, Categories”

and change a color of button ‘add to basket”

also if it is possible.
Can i put there also related or other products?

Thanks for help
https://www.rococoliverpool.com/shop/5-gift-voucher/