View Single Post
  #1  
Old 04-21-2015, 03:26 PM
Andrew Cawood's Avatar
Andrew Cawood Andrew Cawood is offline
Junior Member
 
Join Date: Apr 2015
Posts: 2
Question Wrap text when displayying single item using HTML

I am using the single-item HTML code to display some "Recommended Products" on my site home page.
I would like to display 4 products alongside one another (when viewed on a desktop/laptop.)
I am finding that the "title" is not wrapping, so items with long names cause it to only display 2 items per line instead of 4. ( See my homepage, just above the "Training" section : http://companywise.co.za/ )

What do I need to add to the HTML to wrap the title field - I have tried various tweaks but nothing seems to work.

Current code for the first two items is:
Code:
<div style="float:left; margin: 20px;" class="ecwid ecwid-SingleProduct ecwid-Product ecwid-Product-37545202" itemscope itemtype="http://schema.org/Product" data-single-product-id="37545202"> <div itemprop="picture"></div><div class="ecwid-title" itemprop="title"></div> <div itemtype="http://schema.org/Offer" itemscope itemprop="offers"><div class="ecwid-productBrowser-price ecwid-price" itemprop="price"></div></div> <div itemprop="options"></div> <div itemprop="addtobag"></div> </div> <script type="text/javascript" src="http://app.eshop.co.za/script.js?4282146" charset="utf-8"></script> <script type="text/javascript">xSingleProduct()</script> 
<div style="float:left; margin: 20px;" class="ecwid ecwid-SingleProduct ecwid-Product ecwid-Product-37545217" itemscope itemtype="http://schema.org/Product" data-single-product-id="37545217"> <div itemprop="picture"></div></a> <div class="ecwid-title" itemprop="title"></div> <div itemtype="http://schema.org/Offer" itemscope itemprop="offers"><div class="ecwid-productBrowser-price ecwid-price" itemprop="price"></div></div> <div itemprop="options"></div> <div itemprop="addtobag"></div> </div> <script type="text/javascript" src="http://app.eshop.co.za/script.js?4282146" charset="utf-8"></script> <script type="text/javascript">xSingleProduct()</script>
Many thanks,
Andrew