Product List - Spacing issue

[mboley370]

Hi, I am having problems with my image and my product description as well.

Here is the thing I have added this to my css and it has done nothing at all for me. I didn't even move the slightest bit.

My url is http://orgazmictoys.com

Here is a link to what it is doing

http://orgazmictoys.com/index.php?ma...roducts_id=921


This is the line of text that I have tried

.productListing-data {padding-bottom: .8em .3em;}

I put this in my css of the template that I am using and it does nothing at all.

Any pointers?

I have attached my template css below also in an attachment.

The product list is all the way at the bottom of the css attachment. I made it a txt file.

[kobra]

Here is what I see that you have added as the last item in your CSS and this will override any earlier entries:

.productListing-odd td, .productListing-even td {
text-align: left;
vertical-align: top;
padding:0.5em;
margin-bottom: 1em;
border-bottom: 3px double #aaccbb;
}

The page that you linked to is a product info page and not a productlisting page so these modifications do not have any influence there.

Please re-post what you find and what you are seeking

[mboley370]

I see, well I am trying to get the picture to the top and the description at the bottom.

What should I do to edit this and what did I just do by entering that code above that you found I entered last lol.

Thanks for your reply and thanks for the next.


Matt

[kobra]

I see, well I am trying to get the picture to the top and the description at the bottom.

If this is for the product info page where a single product is listed with details.

Then to effect the image first with the description below you need to order thi in a copy of the tpl_product_info_display.php file.

These are in blocks that begin with BOF and end with BOF a you can move complete blocks into any order that you want. To force the description text to be below the upper section place a clear both before/ahead of the BOF for the block of code for this.

The code you added - You need to view the productlisting pages and determine if this is how you want these displayed

[mboley370]

Thanks worked great.

[Ahroo]

kobra and gjh42 - Thank you both very much for your assistance. Exactly what I needed!

Sorry, gjh42, that I didn't see the other post. I had been searching through the forum and somehow just missed it (probably because as I was looking, I would find answers to other questions and just missed this one). I usually try to find things on my own (and usually succeed, thanks to people like you who are willing to help us newbies), but it is nice to know that there is someplace to go for help.

Laura

[charmedbytina2]

Hi! I think my question has been answered here - but I don't get it!

I would like to add some space between the prev/next buttons and the top of the product picture.

I would also like to have the text UNDER the picture

and of course, both picture and text centered on the page.

THANKS FOR HELPING!!!


http://trucks.charmedbytina.com/inde...products_id=28

[gjh42]

Your question refers to the product info page and not the product listing page, but this thread is mixed anyway.

You can fix most or all of your desires in the stylesheet.

h1#productName {clear: both;}

will move the title and all below the image.


.navNextPrevWrapper {margin-bottom: 2em;}

will give some space below the prev/next.

[charmedbytina2]

[FONT=Arial Black]gjh42 -[/FONT]

THANKS!!

That worked perfectly for 2 out of 3 (and 2 out of 3 ain't bad - just ask Meatloaf!)

Now just need to get everything centered and I think this baby is ready to go live!

Thanks again!

[gjh42]

You can use

text-align: center;

on the appropriate container to get *everything* centered; or if you don't want to be that drastic, you can use

margin: auto;

on elements you want centered.

You should have the Firefox Web Developer extension for working with websites; the Information > Display Element Info tab will show you what the element names are.