Support » Themes and Templates » woocommerce featured items, css, horizontal

  • Resolved riyota

    (@riyota)


    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?

    http://www.myshica.com/testhome/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Andrew Nevins

    (@anevins)

    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.

    NickDevise

    (@nickdevise)

    Andrew Nevins I’m agree with you , but if riyota knows php and css , I’m sure he can do it .

    esmi

    (@esmi)

    Forum Moderator

    I’m sorry but as you are using a commercial theme, you need to seek support from the theme’s vendors.

    riyota

    (@riyota)

    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.

    riyota

    (@riyota)

    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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘woocommerce featured items, css, horizontal’ is closed to new replies.