I'm looking for a way to make the product description full width. I've been able to remove the image placeholder via Code Snippets, but unfortunately I have not been able to utilize the empty space left behind. The content is stuck in columns/sidebar. I read the ticket from 2014. I used the CSS code you gave, but with no joy.
First image show the CSS. Second image show the empty space left from me removing the placeholder image. This page is a mockup, on a subdomain staging site.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hi Support,
I'm looking for a way to make the product description full width. I've been able to remove the image placeholder via Code Snippets, but unfortunately I have not been able to utilize the empty space left behind. The content is stuck in columns/sidebar. I read the ticket from 2014. I used the CSS code you gave, but with no joy.
Here's what I found from the 2014 ticket:
.woocommerce .span_5.single-product-main-image {
display: none;
}
.woocommerce .span_7.single-product-summary {
width: 100%;
}
First image show the CSS. Second image show the empty space left from me removing the placeholder image. This page is a mockup, on a subdomain staging site.
Any ideas?
Thanks in advance,
Laura
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.product[data-tab-pos="fullwidth"] .summary.entry-summary { width: 100% !important; }Thanks
ThemeNectar Support Team
Yay! It worked!
Thank you!