Jump to content

Archived

This topic is now archived and is closed to further replies.

annabenson

Products same line woocommerce

Recommended Posts

annabenson    0
annabenson

Hi there!

I need some help with putting these products on the same line in three columns. I tried everything so please help me. A code would be helpful :)

http://www.annabenson.se/produkt/a/

Thanks!

Anna Benson.

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

These three products? http://screencast.com/t/Q9xg0tjBQ

 

The answer lies somewhere in here - you will need to refine this 

.woocommerce.single-product.collateral-product-columns-3 ul.products li.product, .woocommerce-page.single-product.collateral-product-columns-3 ul.products li.product, .woocommerce.single-product.collateral-product-columns-3 .upsells.products li.product, .woocommerce-page.single-product.collateral-product-columns-3 .upsells.products li.product {
    width: 28.75%;
}

In this i have changed the width of the columns for you from 30.75% to 28.75% you will get something like this http://screencast.com/t/YM8knEVMz

 

You can see this for yourself with Firebug or your browser inspection tools. You can get firebug here http://getfirebug.com

 

Help with customising can be found here http://docs.pagelines.com/customize/how-to-customize


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
annabenson    0
annabenson

Thank you Martin! You are my hero! :)

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

No Problem :) 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

  • Similar Content

    • hibbsy78
      By hibbsy78+
      Anyone having issues with Apple Pay & woocommerce? Before I start with trying to disable plugins one by one I thought I'd check here first!
      I'm having issues with the payment processing part which just times out?
      https://www.hibbslupustrust.org/shop/
       
      Thanks!
    • Paul
      By Paul+
      I have woocommerce store, product shows title and price fine until reduce screen with on a tablet/mobile phone the price and title gets removed?  Any ideas? 
      Here's an example page: https://thelaptopfixers.com/product/operating-system-re-install/
      Try it on both desktop PC browser then resize to mobile/cell phone size!  
      Thanks
    • ProCom
      By ProCom+
      I am trying to resolve a few issues. The first one is when I have the Platform 5 activated the product image will not display. However, once I deactivate the plugin the image will appear.  Can someone tell me if there is a article on how to customize the WooCommerce product, and shop pages using PageLines? 
       
       

    • BentleyD
      By BentleyD+
      Hey Everyone,
       
      Ever since the latest wordpress update, woocommerce will not display the product images. When you click where they should be they pop up in a light box, but otherwise are not visible. The errors appear to be theme related. Is there an update or fix for this?
       
      http://legalizedshop.com/product/legalized-t-shirt/
      @James B @batman
    • pehja
      By pehja+
      Hi!
      My site with only PL5, framework and pageline plugin except woocommerce is behaving strange when shopines is activated.
      It looks like this when Shoplines is activated 
      https://cl.ly/2C0A0G0B3Q31
      And like this when deactivated
      https://cl.ly/1C0R0b3q3m1S
      Have I missed something?
×