Results 1 to 3 of 3
  1. #1
    Join Date
    Nov 2012
    Posts
    13
    Plugin Contributions
    0

    Default How to align price and QTY box in product listing??

    Hi All,

    I've done a small modification to remove the <br> between a product price and the QTY box in the product listing page (subcategory with items) but these price/QTY boxes do not align with the other data in the adjacent columns now. While all other columns seem to be centered vertically the price column is up against the top margin.

    Does anyone know if these items have a class or something that can be styled in CSS?

    I see that all table data in product listings are productListing-data, but the price column also has align=right. This would lead me to believe that it can be styled independently of the other data.

    But how? Help?

    Example here http://www.drillplace.com/store/inde...&cPath=907_913

    Thanks,
    Warren

  2. #2
    Join Date
    Aug 2009
    Location
    Bedford, England
    Posts
    951
    Plugin Contributions
    0

    Default Re: How to align price and QTY box in product listing??

    Quote Originally Posted by wacamatic View Post
    Hi All,

    I've done a small modification to remove the <br> between a product price and the QTY box in the product listing page (subcategory with items) but these price/QTY boxes do not align with the other data in the adjacent columns now. While all other columns seem to be centered vertically the price column is up against the top margin.

    Does anyone know if these items have a class or something that can be styled in CSS?

    I see that all table data in product listings are productListing-data, but the price column also has align=right. This would lead me to believe that it can be styled independently of the other data.

    But how? Help?

    Example here http://www.drillplace.com/store/inde...&cPath=907_913

    Thanks,
    Warren
    how about tring this in your css file

    #indexProductList input {
    margin-top:3px;
    }

    or something similar?
    Phil Rogers
    A problem shared is a problem solved.

  3. #3
    Join Date
    Aug 2009
    Location
    Bedford, England
    Posts
    951
    Plugin Contributions
    0

    Default Re: How to align price and QTY box in product listing??

    or you could try:

    .productListing-data {
    vertical-align:middle;
    }

    however I imagie this is probably already being alpplied and its actually global styling on the input field that throws it.

    just have a fiddle and see what works.
    Phil Rogers
    A problem shared is a problem solved.

 

 

Similar Threads

  1. v150 How do I edit Product Listing "Price", "Qty." and Product Info Move "details"?
    By schobook in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 18 Jan 2013, 01:02 AM
  2. Can I turn off Quantity Box and Qty field in subcategory page (all product listing)?
    By bigstore in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 5 Mar 2012, 10:28 PM
  3. how to align the product title, price and add to cart box next to the product image?
    By evaky in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 5 Mar 2012, 03:31 AM
  4. How do I move the qty box/buy now button etc to its own column in product listing?
    By b3motorsports in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 11 Feb 2008, 07:48 AM
  5. How do I align the text and nav bars on the product info and product listing pages?
    By aaelghat in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 25 Apr 2007, 03:42 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
  •