Reply
 
Thread Tools Search this Thread Display Modes
  #1  
Old 08-06-2012, 05:30 PM
techtoys2go.com's Avatar
techtoys2go.com techtoys2go.com is offline
 
Join Date: Dec 2009
Posts: 149
Default "Compare to" price html looks terrible in single product widget

The html seems to render badly using the single product widget html code block. Specifically there is too much white space between the price and the "compare to" and the "you save" text. It looks great in the code block but not on my website. Anyway to fix this?
Reply With Quote
  #2  
Old 08-06-2012, 07:00 PM
Qetzal's Avatar
Qetzal Qetzal is offline
Ecwid Team
 
Join Date: Sep 2009
Posts: 11,009
Default

Quote:
Originally Posted by techtoys2go.com View Post
The html seems to render badly using the single product widget html code block. Specifically there is too much white space between the price and the "compare to" and the "you save" text. It looks great in the code block but not on my website. Anyway to fix this?
Screen-shots? URLs?
__________________
Eugene Kaznacheev
Ecwid Team

@ecwid | Facebook Page | Ecwid Knowledge Base
Reply With Quote
  #3  
Old 08-08-2012, 07:01 PM
techtoys2go.com's Avatar
techtoys2go.com techtoys2go.com is offline
 
Join Date: Dec 2009
Posts: 149
Default

I have pasted the HTML code to one of our older products that is currently not sold anymore (listed as out of stock) so that you can have a look at how it renders.

http://www.techtoys2go.com/ericsson-r116
Reply With Quote
  #4  
Old 08-21-2012, 01:50 PM
Makfruit's Avatar
Makfruit Makfruit is online now
Ecwid Team
 
Join Date: Oct 2011
Posts: 3,136
Default

Quote:
Originally Posted by techtoys2go.com View Post
I have pasted the HTML code to one of our older products that is currently not sold anymore (listed as out of stock) so that you can have a look at how it renders.

http://www.techtoys2go.com/ericsson-r116
I've inspected the page you referred to. As far as I can see, the issue is caused by CSS codes on your site. It actually has nothing to do with Ecwid.

In particular, the 'reset.css' file contains the following code:
Code:
form div {
  margin: 10px 0 10px 0;
}
(http://www.techtoys2go.com/templates... , line 59)

It increases the indentation size above and below the price labels. In order to fix it, you will need to remove that code or modify it so that it won't affect Ecwid widgets on your site.
__________________
Matvey Kuritsyn
Ecwid Team

‣ Find ready answers, demos, tips and tricks and more in Ecwid Help Center

‣ Check out Ecwid video tutorials or share your own tutorial with us

---
⇩ Click Thanks, please, if this reply helped you.
Reply With Quote
  #5  
Old 08-21-2012, 04:25 PM
techtoys2go.com's Avatar
techtoys2go.com techtoys2go.com is offline
 
Join Date: Dec 2009
Posts: 149
Default

Well that makes sense then. Thanks for looking into it.
Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 07:52 AM.
Powered by vBulletin® Version 3.8.6. Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.