Forums / Templates, Stylesheets, Page Layout / Product Info, Align to right and not wrap under image

Product Info, Align to right and not wrap under image

Views: 1,058

Results 1 to 6 of 6
5 Oct 2013, 4:19 PM
#1
mcpisik avatar

mcpisik

Zen Follower

Join Date:
Jan 2007
Location:
Mount Maunganui, New Zealand
Posts:
417
Plugin Contributions:
0

Product Info, Align to right and not wrap under image

Hi,
I'd like to keep my product info description over on the right.
So it doesn't wrap under the image.
Though I do have tabbed products pro, setup under.
I have firebug, but don't know css.

I've tried extending the image area by adding to my
/includes/templates/custom/css/stylesheet_main.css

#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {height: 460px;}

This kind of works, but some of my products are not long images. They are 240x240 and square.
So there is too much space left, before my tabs below those images.

My next thought is: Is it ok to nest the text in a 1x1 table.
It will mean altering a few thousand products one at a time, so any other ideas please?

Thanks
Link to sample http://partydudes.co.nz/hire-mens-costumes/all-hire-costumes/80s-rocker-kiss

5 Oct 2013, 4:29 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Product Info, Align to right and not wrap under image

Not exactly sure what you want to happen, but try: #productDescription_tab {float: right;}

5 Oct 2013, 4:36 PM
#3
mcpisik avatar

mcpisik

Zen Follower

Join Date:
Jan 2007
Location:
Mount Maunganui, New Zealand
Posts:
417
Plugin Contributions:
0

Re: Product Info, Align to right and not wrap under image

Thanks Stevesh,
I'd like it still to align left (to the right of the picture), but just not to wrap under it.
For example, the text *Rocking Dude Wig, is under the image.
I'd like it under *boot covers"

5 Oct 2013, 4:43 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Product Info, Align to right and not wrap under image

How about #productDescription_tab {float: left;} ?

5 Oct 2013, 4:49 PM
#5
mcpisik avatar

mcpisik

Zen Follower

Join Date:
Jan 2007
Location:
Mount Maunganui, New Zealand
Posts:
417
Plugin Contributions:
0

Re: Product Info, Align to right and not wrap under image

Awesome. I had assumed wrongly that it would just push it left under the image.

I also use Document-Product type for half my items.
Using the float left also affects these by pushing the text under.
May I ask you to peek at this sample page? http://partydudes.co.nz/buy-wigs/all-purchase-wigs/hair-extensions-black
(I'll take away the float left temporarily)
Is there a way to only affect the product general to float left?

5 Oct 2013, 5:35 PM
#6
mcpisik avatar

mcpisik

Zen Follower

Join Date:
Jan 2007
Location:
Mount Maunganui, New Zealand
Posts:
417
Plugin Contributions:
0

Re: Product Info, Align to right and not wrap under image

Just noted, it's the Buy Now button that also becomes Float Left.
Which is what pushes the text down on Doc-Product.
So now just need to try and make the Button stay on the left.