Full width Product description

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 27, 2015 at 12:20 am #403079

hloft
Participant

Hi,

I have followed your recent article on having the sidebar to the left of the single product page.

I am now wondering is it possible to use these wraps and css to make the full width? To fill the product container?

Example:
https://mediaforgyms.co.uk/product/luxury-business-cards/

Thanks,
Harry

February 27, 2015 at 7:46 pm #403622
Elliott
Inactive Moderator
Hey hloft!

I think what your wanting to do is add this to your custom CSS.
```
.single-product .product { width: 100% !important; }
```
If that’s not correct then take a screenshot and highlight what your trying to do so we can get a better idea.

Best regards,
Elliott
February 27, 2015 at 9:18 pm #403656

hloft
Participant

Hi Elliot,

Thanks for that but that seems to have overwritten my previous code found in this guide:
http://kriesi.at/documentation/enfold/product-page-left-or-right-sidebar/

I want it to look like this:
https://mediaforgyms.co.uk/wp-content/uploads/2015/02/mediaforgymsproductpage.jpg

Hope that helps!

Harry

March 1, 2015 at 7:06 pm #404149
Andy
Inactive Moderator
Hey!

please try this workaround:
```
.single-product-summary {
overflow: visible;
}
.template-shop div.product div.summary {
width: 60%;
float: left;
}
```
Cheers!
Andy
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Follow us on Facebook

Kriesi13.000+ likes

Open facebook page

Join our Facebook community

Subscribe to our Newsletter