Great tip, thank you. Would love to see more of these type of tips, especially liked this leveraging just native pro elements; keeps it simple for the more 'hobbyist' users of Pro like myself.
Thx fr this Content. I almost work 9 Years in a lot of projects with your theme but with this type of Videos i learn always something I didn't know before. Please more of this content ;)
Nice solution! I've used this in tons of layouts through different methods, but I'll be trying this on my next build. Usually I use a div in a column and the width set to calc((100vw - 1200px) / 2 + 600px) which is the same thing but just an extra DOM element I suppose. Keep up the great content Josh!
Wow, we were just trying to figure out the best way to do this a few days ago. Our initial solution used nested grids but this way is so much cleaner. Nice one team!
For people who just want to copy and paste :) calc((100% - min(88%, 1200px))/2) This is also a perfect option to create a section that has a 50:50 background colour. You just apply the background colour to the columns and use the calc statement as a left and right padding.
100%! And that with Some smart functions of cornerstone, (pro) and build it from scratch! Filtering some products based on tags and price or something. And yes! Im asking! Haha
🤔 but what if you want to put text over the full width image? My method: create a div element in the section (above the row), set position to absolute and height to 100%. Set the with match the column and then put 0 on ether left or right position. Add a background image to the div and it will sit behind the column. This vid is very useful though. Thanks!
Our pleasure! Love hearing other people's approach as well. One of the many super powers of Cornerstone is allowing multiple paths to get to a similar outcome.
Thanks Josh. Another great tip.
Great tip, thank you. Would love to see more of these type of tips, especially liked this leveraging just native pro elements; keeps it simple for the more 'hobbyist' users of Pro like myself.
Most welcome, more to come!
Thx fr this Content. I almost work 9 Years in a lot of projects with your theme but with this type of Videos i learn always something I didn't know before. Please more of this content ;)
Love hearing that, Hendrik. More on the way!
Nice solution! I've used this in tons of layouts through different methods, but I'll be trying this on my next build.
Usually I use a div in a column and the width set to calc((100vw - 1200px) / 2 + 600px) which is the same thing but just an extra DOM element I suppose.
Keep up the great content Josh!
Wow, we were just trying to figure out the best way to do this a few days ago. Our initial solution used nested grids but this way is so much cleaner. Nice one team!
Fantastic, happy to hear it!
For people who just want to copy and paste :) calc((100% - min(88%, 1200px))/2)
This is also a perfect option to create a section that has a 50:50 background colour. You just apply the background colour to the columns and use the calc statement as a left and right padding.
Hey Donovan! Check out "data-x-slide-goto-keep-active" in this docs article: theme.co/docs/sliders#custom-attributes
Very Nice: now the filter functions with woocommerce
Thanks! Are you asking about a video on filtering in WooCommerce?
100%! And that with Some smart functions of cornerstone, (pro) and build it from scratch! Filtering some products based on tags and price or something. And yes! Im asking! Haha
Will definitely keep in mind. Just recently launched a WooCommerce Tips category for this series: theme.co/blog/woocommerce-tips
🤔 but what if you want to put text over the full width image?
My method: create a div element in the section (above the row), set position to absolute and height to 100%. Set the with match the column and then put 0 on ether left or right position. Add a background image to the div and it will sit behind the column.
This vid is very useful though. Thanks!
Our pleasure! Love hearing other people's approach as well. One of the many super powers of Cornerstone is allowing multiple paths to get to a similar outcome.