Page 1 of 3 123 LastLast
Results 1 to 10 of 21
  1. #1
    Join Date
    Mar 2008
    Posts
    100
    Plugin Contributions
    0

    Default 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
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Now.jpg 
Views:	247 
Size:	38.3 KB 
ID:	4202   Click image for larger version. 

Name:	After.jpg 
Views:	243 
Size:	38.3 KB 
ID:	4203  

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Drastic css layout change in product listing please help!

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

  3. #3
    Join Date
    Mar 2008
    Posts
    100
    Plugin Contributions
    0

    Default Re: Drastic css layout change in product listing please help!

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

    www.nomo.cl

  4. #4
    Join Date
    Mar 2008
    Posts
    100
    Plugin Contributions
    0

    Default Re: Drastic css layout change in product listing please help!

    hello anybody please :)

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Drastic css layout change in product listing please help!

    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 {}.
    Last edited by gjh42; 14 Jul 2008 at 03:07 PM.

  6. #6
    Join Date
    Mar 2008
    Posts
    100
    Plugin Contributions
    0

    Default Re: Drastic css layout change in product listing please help!

    Thank you very much gjh42

    worked perfectly nice

    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

  7. #7
    Join Date
    Mar 2008
    Posts
    100
    Plugin Contributions
    0

    Default Re: Drastic css layout change in product listing please help!

    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
    Last edited by paha; 14 Jul 2008 at 08:45 PM.

  8. #8
    Join Date
    Mar 2008
    Posts
    100
    Plugin Contributions
    0

    Default Re: Drastic css layout change in product listing please help!

    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
    Last edited by paha; 14 Jul 2008 at 08:58 PM.

  9. #9
    Join Date
    Mar 2008
    Posts
    100
    Plugin Contributions
    0

    Default Re: Drastic css layout change in product listing please help!

    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.

  10. #10
    Join Date
    Mar 2008
    Posts
    100
    Plugin Contributions
    0

    Default Re: Drastic css layout change in product listing please help!

    hello

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

    what could be wrong?

 

 
Page 1 of 3 123 LastLast

Similar Threads

  1. Product listing layout change help
    By pearl_123 in forum Setting Up Categories, Products, Attributes
    Replies: 2
    Last Post: 20 Nov 2009, 01:41 PM
  2. Add/Change CSS for Product Listing with Column Layout Mod
    By Berne in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 25 Aug 2009, 08:56 AM
  3. Want to change Product Listing Layout - HELP
    By lrt1099 in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 30 Jun 2009, 05:53 PM
  4. Help with Product Listing Layout Please
    By dakin in forum Basic Configuration
    Replies: 3
    Last Post: 25 Nov 2008, 08:16 AM
  5. I want same layout for all product listing. PLEASE HELP
    By jagge in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 17 Nov 2008, 01:53 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR