WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] woocommerce featured items, css, horizontal (7 posts)

  1. riyota
    Member
    Posted 1 year ago #

    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/

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    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.

  3. NickDevise
    Member
    Posted 1 year ago #

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

  4. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

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

  5. riyota
    Member
    Posted 1 year ago #

    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.

  6. riyota
    Member
    Posted 1 year ago #

    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;
    }
  7. riyota
    Member
    Posted 1 year ago #

    I solved this issue with using the featured products, as shortcode in the footer, then I could easily make it horizontal.

Topic Closed

This topic has been closed to new replies.

About this Topic