Eliminating wrap-arounds

Thanks for the reply. What you are saying is kinda what I figured. But, I'm still missing something here. Let's assume that I'm using Sophyblue to display (which I think I am). Well, the readme file said to insert a "custom" file at the includes/templates/ level. So, now my directory would read...

includes/templates/sophyblue1, classic, mistic, sophyblue, template_default, custom

But now, I can't rename that folder to sophyblue because then there would be 2 folders at that level named sophyblue which I assume would cause a conflict. What am I missing? Is my custom folder in the wrong place?

Please help!

OK. Just figured it out. Thanks for the help. Tomorrow I will mess with the settings to try to get the spacing to work right. I put the files in place and checked out my store and they definately had an effect, but I'll have to play with it. So, I moved the files back out for now.

One thing I did see is a big yellow box that was sitting behind some of my pictures. Any idea what that is? I know I can play with the settings to move the pictures, but that box threw me for a loop.

thanks.

You should be renaming /your_template/ folders to the actual template name before ever uploading them to your server; that way, the files will drop into the correct places with no further manipulation, and you won't have to worry about duplicate folder names.

I haven't used ckosloff's mod files, so am not familiar with effects like a yellow box.

Thanks for the replies. I did a bunch more searching in the turtorials and figured out what I was missing regarding the template override system. So, now I've got the modification installed and working. Now I have a layout question. Please see this screen shot.
http://truehopeinc.com/products/incl...screenshot.jpg

As you can see, the additional images are all clumped together. Is there a way to spread them out? I played with all the settings in the add-on css file but that only seemed to change the position of the whole group on the screen. If the distance between images is in the tpl_product_info_display file, I couldn't find it.

Also, is there a way that I can change the height of the yellow box that surrounds the description so that it just surrounds the description and does not extend down to the base of the additional images?

Other than these two little tweaks for my store, I love the mod!

If you want styling help, you'll need to let us see the page live. It appears you have it on a test site or something, as your main site does not use the mod.

OK. The page is live again. I applied the mod to the page to get that screen shot and then I took it back off (moved to a temp folder) so that if anyone was trying to visit my page in the meantime they would see it without the mod and it wouldn't look squashed like it does. I'll live it active so that I can get this help. The site is www.truehopeinc.com/products

Thanks!

For the background, remove it from the wrapper and apply it to the individual contents. You will need to adjust margins and padding as shown.

Code:

---

#productDescriptionWrapper {
        width: 320px;
        margin-left: 180px;
        /*background-color: #f0e68c;*/
        }

#productAdditionalImages .additionalImages a {
    float: left;
    margin-left: 10px;
    }
#productName, #productPrices {background: #aabbcc; margin: 0; padding: 0.4em;}
#productDescription {background: #aabbcc;}
/* end of Product Display code */

---

For the squashed images, set the number per row to 1 or 2, whatever fits reliably.
Configuration > Images > Product Info - Number of Additional Images per Row

OK. I'm really trying here. I know almost nothing about html coding but by looking at the tpl_product_info_display.php file I can see that the individual display modules are stacked. Here is what I'm seeing...
-Display Code
---Images Wrapper
------Main Product Image
------Additional Images
---Images Wrapper end
---Product Description Wrapper
------Product Name
------Product Price Block
------Free Ship Icon
------Product Description
---Product Description Wrapper end
-Display Code end

Then it goes into the add to cart box, shipping info, and so on. Well, I tried just moving the "additional images" block to just below the end of the product description wrapper thinking that would do the trick. Well, it did move the additional images down, bit it also moved the description down and the "add to cart" box and shipping information moved up to take it's place. So, I really have no idea how to order these blocks of code so that they move to the correct location on the page. Any help would be greatly appreciated.

Thanks!

Thanks for the reply. I added the code like you suggested and now I have a blue box that is specifically around the product name and description. But then the yellow box continues down below the blue box until the bottom of the additional product images. Not sure where that extra yellow is coming from since I deleted that line out of the code like you suggested.

Assuming I can get rid of the rest of that yellow, it will leave a substantial open space to the right of the additional images. Can I change the code so that the additional images fill that space? So that 3 of the pictures are evenly spaced out accross the screen? I assume I'll have to move them outside the images wrapper but when I tried to do that, something else went up and filled the space... If this is too much of a pain, I can uninstall the mod and go back to the original layout.

Any help is appreciated.

Scratch part of that last post. I figured out why the yellow was still there for part of it. I had left the old .css file in the directory and just renamed it thinking that would make it invalid. Now I've moved it to a temp folder so it's not affecting things at all and the yellow is gone. But, I still do have that large space next to the additional product images. Can I get those to fill the space so that they extend underneath the product description and then I could move back to 3 or 4 per row?

At the same time, if possible I'd love to move the attributes selector to a position above the add to cart box?

I'm probably asking for the world, but let me know if it's somewhat easily done.