Forums / Templates, Stylesheets, Page Layout / Product information page - Image Align

Product information page - Image Align

Started by deno on 1 Jun 2013, 1:48 PM · Views: 521

Results 1 to 5 of 5
1 Jun 2013, 2:01 PM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Product information page - Image Align

You could add something like this to stylesheet_tm.css:

#productDescription {margin: 140px 0 0 0;}

1 Jun 2013, 2:03 PM
#3
deno avatar

deno

New Zenner

Join Date:
Mar 2009
Posts:
76
Plugin Contributions:
0

Re: Product information page - Image Align

Thank you very much!!

That works for the text, i'd also like the price under the image too.

Any idea?

Cheers

Dene

1 Jun 2013, 3:07 PM
#4
stevesh avatar

stevesh

Black Belt

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

Re: Product information page - Image Align

#productPrices {margin: 170px 0 0 40px;}

#productDescription {margin: 40px 0 0 0;}

If you don't already have it, get the Firefox browser, then install the Firebug plugin. It will allow you to see all the various classes and ids on the page and will let you view and, in Live Edit mode, change the styling without making any permanent changes until you're ready. An essential Web design tool.

1 Jun 2013, 3:25 PM
#5
deno avatar

deno

New Zenner

Join Date:
Mar 2009
Posts:
76
Plugin Contributions:
0

Re: Product information page - Image Align

Thanks again, very much appreciated.

I use firebug at novice level but didn't know about 'Live Edit' mode. That could save me a lot of messing about.

I'll have to look deeper into it.

thanks you!

Dene