Drastic css layout change in product listing please help!

Hello

I have been trying to make the following change showed in the attached

pictures been after the look i AM TRYING TO ACHIEVE

I tried some modification on the style sheet but i messed up other things

i tried changing

p, address (line 169)

{

line-height: 7px;

padding-top: 0.5em;

padding-right: 0.5em;

padding-bottom: 0.5em;

padding-left: 0.5em;

}

but it messed up with

the text

above the nav buttons

I need to shorten the space of the product description paragraph and need to align that text with the product mode, stock and manufacturer as well with the nav buttons and the text above the buttons "Product 1/3"

as showed in the pictures I attached

thanks for your guidance

A link to your site will make it easier for us to give you accurate advice on this.

:oops: I forgot, I was going to write it but i forgot

www.nomo.cl

hello anybody please :)

Add to the bottom of your stylesheet:

Code:

---

.navNextPrevWrapper {width: 190px; margin-left: 100px; padding-left: 0;}
h1#productName, h2#productPrices {margin-left: 110px; padding-left: 0;}
#productDescription {margin-left: 110px; padding-left: 0;}
#productDescription p {margin-left: 0; padding-left: 0}
#productDetailsList {margin-left: 110px; padding-left: 1.2em;}
#cartAdd {margin-left: 100px; width: 70px; float: none; text-align: left;}
#productReviewLink {width: 200px; float: none; margin-left: 110px; padding-left: 0;}
#productTellFriendLink {width: 190px; float: none; margin-left: 110px; padding-left: 0;}

---

You have seven <p> elements in your description, four of them empty. Eliminate those and you will have better spacing there. If you still need tighter spacing, try margin-top: 0; for
#productDescription p {}.

Thank you very much gjh42 :clap:

worked perfectly nice :D

there is one thing do, and is that I need less space between paragraph

added "You have seven <p> elements in your description, four of them empty. Eliminate those and you will have better spacing there. If you still need tighter spacing, try margin-top: 0; for
#productDescription p {}. "


as you suggested but didn´t change the space between the paragraph
what should i do :dontgetit

also I am trying to add more space after the product description text

and the add to chart quantity box and button i added padding-top: 200; to #cartAdd but didn´t work :(

also how can i put the quantity box at the right of the ad to chart button?

thnak you

I fixed the space betwen description text and quantity box

in line 426


but i still don't know hoe to place the add quantity box to the right of the add to chart button, instead of having it on top?


and shorten the space between paragraphs in the product description

thank you for your guidance

I added line-height: 0px; to #productDescription p

helped a little bit but there is still some space between paragraphs that i would like to get rid of

I added a little bit of space between product price and product description.

can figured out how to place the add quantity box to the right of the add to chart button, instead of having it on top. :cry:

hello

mmm cheking with IE and some changes we did don´t show up the right way in Internet explorer

what could be wrong?