Custom Woocomerce Websites with Beaver Builder & Types Toolset Part 1 Product Pages
Custom Woocomerce Websites with Beaver Builder & Types Toolset Part 1 Product Pages. Robert Monroe Turner demonstrates creating custom product pages in part 1.
Part 2 is creating custom shop pages.
Robert Monroe Turner
http://wprocketspeed.com
http://beaverrocket.com
Below is the custom CSS used in the tutorial
/* Full Width Row CSS */
.single-product.full-width-content .site-inner, .single-view-template.full-width-content .site-inner {
max-width: 100%;
padding: 0px
}
.single-product.full-width-content .content-sidebar-wrap, .single-view-template.full-width-content .content-sidebar-wrap {
width: 100%;
}
.single-product.full-width-content .content, .single-view-template.full-width-content .content {
width: 100%;
}
.single-product .content, .single-view-template .content {
padding: 0px !important;
}
/* Product Image Center Align */
.photo-row {
text-align: center;
}
/* Large Image Fix */
.woocommerce-page div.product .photo-row div.images {
float: none;
width: 100%;
}