Tagged: color block, frontpage, side by side, single product, woocommerce
Having a brain cramp….
I have two columns within a color section.
On the left, I have a SINGLE WooCommerce product. I do NOT want that single product to take up the full width.
On the right, I have another column with information in it.
Currently, I have used a 3/5 and 2/5 column arrangement.
For the left-hand product column — I have tried to use Woocommerce product shortcode, product slider, product grid.
Only the Woo shortcode seems to be set up for SINGLE product. Others seem to be setup for 2 or more columns.
Currently this setup looks strange…have huge white gutter/margin BETWEEN the two columns.
I would like the Woocommerce product to be wider, but not sure how to achieve this. (But don’t want it full width!)
The right-hand info column doesn’t have to actually MEET the left-hand WooCommerce product, but it just looks strange with the wide gutter currently there.
So I would like to make the right column wider as well.
Really, I just want it to look better and for the gutter to go away — without making the product column all skinny.
Area I’m referring to is at:
http://trackitanywhere.com/
The two columns sit under the big blue color bar of “Nothing else to Purchase or Set up.”
Thanks for dealing with brain-cramped people! Okay…person.
Hi CharlieTh!
Add this to a codeblock element in the page.
<style type = "text/css">
.shop_columns_2 .products .product {
width: 100% !important;
}
</style>
Best regards,
Elliott
You speed demon you! Exactly what I needed. Thanks.