CSS image Alignment problem

[Jatty]

I can not for the life of me get this to work out... My shadow box is off center on the Featured
Products of the home page and the product listing page. Could someone help. Please...

http://ladylenorecostumes.com/underbust-corsets

[Jatty]

Ok. that was dumb of me. For this page my categories were on in the layout manager. BUT, Home page at the bottom (images are not aligned. I have searched and tested. Still can not figure it out.

[rbarbour]

First issue is that, it is a TM Template

Second issue is that, it is a TM Template

I do not see the product name nor the product description ON:HOVER for any of your products on the main page New or Featured.

After playing with the highly "makes no sense" css coding I got what I think will fix the featured products on the main page but seeing how it is a TM template I am confident it will screw up something somewhere else.

apply the following to your stylesheet.css file

div#featuredProducts div.centerBoxContentsFeatured {
margin-right:15px;
width:291px!important;
}

div.centerBoxContentsFeatured .hidden-text {
margin-top:-125px;
}

[rbarbour]

also the z-index on your floating shopping cart div needs a greater value

[Jatty]

Thanks for the reply. The text is hidden right now by overflow. I will try this out and will see if it breaks something else. I am guessing it will due to TM structure. I have been using Firebug to help fix, but my div's are part of the images above.

[Jatty]

Brilliant, nothing is broken. I really didn't think anyone would consider replying to this thread. The hidden text pops up on the featured products now. With a little more adjusting. Of course there is a follow up.

My hidden descriptions for the new products is very hidden. When i mess with firebug I can find all the description up in the to row?

[rbarbour]

change this:

div.centerBoxContentsFeatured .hidden-text { margin-top:-125px; }

to:

div.centerBoxContentsFeatured .hidden-text {
text-align:center;
margin-top:-108px;
margin-left:-10px;
padding:10px;
width:250px!important;
}

then add:

div#whatsNew .hidden-text {
text-align:center;
margin-top:-68px;
margin-left:-10px;
padding:10px;
width:250px!important;
}

div.centerBoxContentsFeatured a.name, div#whatsNew a.name {
color:#F5F5F5;
}

[rbarbour]

I would also minimize the amount of characters in the product names for the new & featured centerboxes so they all show the same (consistency)

[Jatty]

You are awesome. So now when I change the image sizes i will have to adjust these lines accordingly. CSS throughs me off When it comes to these enhanced features. I used to do just a lot of in line stuff and use editors. But the TM Templates are tricky and hard to disect as a few others have told me.

Thank you very much. You got my vote.