how display items on home page aligned horizontally

  • Resolved tiki16

    (@tiki16)


    8 years, 2 months ago

    Hi I am trying to display 3 items from my woo commerce store on the front page of my Genesis theme. Currently it is display vertically with small thumbnail images to the right.
    I’d like it to be 3 items I can choose that are horizontally aligned with larger images.Like on the product page. Is there a hook I can use? Haven’t been able to figure this out?
    You can see it near the bottom: https://staging.pixelstew.net/wickedtenants/
    thanks

Viewing 4 replies - 1 through 4 (of 4 total)

  • Try this custom css:

    
.woocommerce ul.product_list_widget {
  overflow:hidden
}
.woocommerce ul.product_list_widget li {
  width:27%;
  float:left;
  margin-right:3%;
  margin-left:3%
}
.woocommerce ul.product_list_widget li a img {
  width:95px
}
    Thread Starter tiki16

    (@tiki16)

    ahhh….perfect thanks!

    Thread Starter tiki16

    (@tiki16)

    Just wondering how I could get title and price above image rather than to the left. I’d like to enlarge the image.
    Thanks

    I don’t think that can be done with css. The code behind would need to be changed to alter the order of the parts.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘how display items on home page aligned horizontally’ is closed to new replies.