Datafeedr Support Forums  

Go Back   Datafeedr Support Forums > Current Version (V3) Forum > Questions
Home Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Important - The support forums are now in "read-only" mode as we transition to an alternative help desk solution. Feel free to contact us here with any of your questions or search the forums for an existing solution.
 
 
Thread Tools Search this Thread Display Modes
  #1  
Old July 19th, 2011, 08:41 PM
patagonia patagonia is offline
 
Join Date: May 2009
Posts: 506
Default Wrap Text and Larger Image on Product Detail page

Okay, this css has got me stumped. I have been fiddling for hours with no results.

On one website, there are large descriptions, so I chose to wrap the text around the image, as you described here:
http://www.datafeedr.com/forums/showthread.php?t=3825

However, I also want to increase the image size, as per this:
http://www.datafeedr.com/docs/item/171

But OMG, I can not get it to work!
When I increase the image size, with the margins at 0px, so it wraps, the description text won't move over. It seems to be stuck at 210px.

This bit of css code is not working:
PHP Code:
/**********************
Make detail images larger
************************/
#view .sp .rc
{
    
margin-left0px;
    
padding-left0px;
}
#view .sp .lc .thmb { width: 285px; }
#view .sp .lc .thmb img
{
    
max-width285px;
    
widthexpression(this.height this.width && this.width 285px '285px' :true);

As I guess I need to add something about .rc in there... or .desc, but none of my attempts have been successful. Any ideas?
  #2  
Old July 19th, 2011, 08:47 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Quote:
Originally Posted by patagonia View Post
Any ideas?
What's the URL?
  #3  
Old July 19th, 2011, 09:05 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

This seems to work:

Code:
#view .sp .lc .thmb img {
    max-width: 300px;
}

#view .sp .lc {
    width: 310px;
}
Be sure to check out the Firebug video to avoid hours and hours of frustration.

Eric
  #4  
Old July 19th, 2011, 09:37 PM
patagonia patagonia is offline
 
Join Date: May 2009
Posts: 506
Default

Eric, I have tried using firebug, but I couldn't see where the width was set for the description text. On my website, if you look now, that doesn't work. The image and text are both way over to the right.
  #5  
Old July 19th, 2011, 09:41 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

It's not actually set for the description but for the wrapper of the description.

This will fix your problem:
Code:
#view .sp .rc {
    margin-left: 0;
    padding-left: 0;
}
  #6  
Old July 19th, 2011, 09:52 PM
patagonia patagonia is offline
 
Join Date: May 2009
Posts: 506
Default

Okay that seems to have done the trick. I almost had it right.

Thanks heaps
 


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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Adding a back button to your Product Detail page ayorofrance Tips, Tricks & Tutorials 9 June 2nd, 2011 11:09 AM
Get rid of the tag cloud on the product detail page ericnmon Questions 2 May 23rd, 2011 03:14 PM
How to Wrap Text in Product Detail view patagonia Questions 2 January 31st, 2011 09:06 PM


All times are GMT -5. The time now is 08:21 PM.


Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.