help with product_info template css

**longstockings** · 26 Aug 2006, 06:10 PM

I have searched this forum for the answer but cannot find it.

Simply, all I want to do at first is position the image from left to right

I have put a div around the code trying to align it right but no change.
Basically if you take a look at this

http://www.woolyhats.com/anti-pillin...cms-p-184.html

I want the page to look more like this

http://www.woolyhats.com/hats/index....roducts_id=184

To do this with tables would be a piece of cake but how do I alter the layout in just css. I'm searching the stylesheets for div id's and bits but not finding a thing.

Do I just wrap stuff with my own custom divs and tack them onto the end of my stylesheet.

I have been customising the classic template

Thanks for any help

**kobra** · 26 Aug 2006, 08:32 PM

I can not tell what exact version of zen cart you are using but it is older and is table based. and can not be altered much in the css at least for placement.

Do it with tables, or upgrade

**longstockings** · 27 Aug 2006, 12:49 PM

I am using version 1.3.0.2 on woolyhats.com

Woolyhats.com/hats/ uses an older 1.2 version but I would like the 1.3 site to look similar to the 1.2 with the way the product_info page is laid out.

Just knowing how to align the product image right would be a great help.

Thanks

**TinaS** · 27 Aug 2006, 05:15 PM

If you only want to change the float of the pic look at the define for #productMainImage in your stylesheet.

**kobra** · 1 Sep 2006, 09:48 PM

Well I went to woolyhats.com and this is not even a Zencart page and the link to the shop takes one to http://woolyhats.com/hats/ and this is a table based ZenCart and not 1.3.0.2 or at least you have copied an old css file for this that is dated

$Id: stylesheet.css 290 2004-09-15 19:48:26Z wilt $

and a 1.3.0.2 is

@version $Id: stylesheet.css 3215 2006-03-20 06:05:55Z birdbrain $

and the source starts the script with

Code:

</script>
</head><body id="index">

    <table class="centershop" border="0" cellspacing="0" cellpadding="0">
      <tr><td>
        <table border="0" cellspacing="0" cellpadding="0" class="headerNavigation" align="center">
          <tr class="headerNavigation">
            <td align="left" valign="top" width="33%" class="headerNavigation">
              <a

Definitely table based

Are we being directed to the correct site??

**longstockings** · 2 Sep 2006, 12:49 AM

Sorry kobra I was playing with the site today and have moved things about a bit.

Old shop version 1.2 = www.woolyhats.com/hats/

New shop version 1.3.0.2 = www.woolyhats.com/catalog/

The addresses for these shops will change as soon as I get the new shop polished up and looking a tad more professional.

**kobra** · 2 Sep 2006, 06:29 PM

Looks like you have it moved...

Did you find this in the admin > config > all listing > Display Product Image 1102

And adjust this to a right display by 2102 ??

Might assist others if you post your fix.

**longstockings** · 4 Sep 2006, 10:41 PM

No, I just changed the stylesheet define for the mainproductimage by adding

float: right;

Thread: help with product_info template css

Thread Tools

Search Thread

Display

help with product_info template css

Re: help with product_info template css

Re: help with product_info template css

Re: help with product_info template css

Re: help with product_info template css

Re: help with product_info template css

Re: help with product_info template css

Re: help with product_info template css

Similar Threads

Template Coding / CSS template location help please?

Help with CSS on Mostly Grey Template

CSS help needed with stock template.

Help with CSS from custom template

Posting Permissions