woocommerce featured items, css, horizontal
-
I’m trying to make the woocommerce featured items widget to show items on a horizontal line on my homepage. (presently a test homepage). I have tried to use both inline and float. Can someone please help me see what I should do?
-
I’m not sure what you mean to horizontally position the widgets, as your sidebar’s width is 272 pixels, so I can’t see enough space to implement this.
Andrew Nevins I’m agree with you , but if riyota knows php and css , I’m sure he can do it .
I’m sorry but as you are using a commercial theme, you need to seek support from the theme’s vendors.
Andrew, thanks for the comment, I widgetized my footer and put the featured items widget in the footer.
And esmi, thanks, though my theme is not commercial, its my own which I built from scratch, though I’m using the woocommerce free plugin for the webshop I’m planing to create for my homepage.
Nick thanks, I think this is a css issue.
I probably should have posted this code before, it’s partial off course, and I thought it to be short enough to post here. A borderline case. First the html and then the CSS. I probably should use inline, which I have tried without success.
<footer> <div id="footer-widget"> <div id="featured-products-2" class="widget widget_featured_products" <ul class="product_list_widget"> <li> </ul> </div> </div> <div id="adress-wrapper"> (there are some stuff in here as well) </div> </footer>The CSS is:
#footer-widget { float:left; width:100%; } ul.product_list_widget { width:150px; } ul.product_list_widget li { float:left; } ul.product_list_widget li img { float:left; margin:0; } #adress-wrapper { clear:left; float:left; }I solved this issue with using the featured products, as shortcode in the footer, then I could easily make it horizontal.
The topic ‘woocommerce featured items, css, horizontal’ is closed to new replies.