hello, im having trouble with alignment of the woo commerce featured products widget on the main page,
The plug was working nicely on the main page, with 3 featured products aligning accorss the page. ,
now they align down the page.
I asked woo commerce and they said to get in touch with u regarding this. any help would be greatly appreciated
many thanks
Hi Xs1v
You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.
/* WooCommerce Product Widget */ .entry-content ul.product_list_widget { list-style: none; margin-left: 0; } .product_list_widget li { box-sizing: border-box; float: left; margin-bottom: 35px; padding: 0 5%; width: 22.3%; } .product_list_widget li a span { display: block; }Hi Andrew, thanks for the code.
They now align in a row :)
i would like the images/txt to be larges and center align, the images have shrunk
let me know if u can help
many thanks for your time and good support
si
ok so i have had a play with the code. i increased the width to 31% and used text-align: center, looking great now.
.product_list_widget li { box-sizing: border-box; float: left; margin-bottom: 35px; padding: 0 5%; width: 31.0%; text-align: center }Super, glad to hear you’ve made progress.
All the best.