Results 1 to 6 of 6
  1. #1
    Join Date
    Dec 2006
    Posts
    130
    Plugin Contributions
    0

    Default Want to have options on the same line (size and color)

    Hi there,

    Could you please help me with these two issues:

    1. I want to put the Color and Size option on the same line. Currently it looks like this:

    http://www.landofakes.com/dethray-tshirt-p-48.html

    and I want it to layout like this:

    http://www.landofakes.com/images/LF_Add_to_Cart.jpg

    2. It would be great to get the Qty box and the "Add to Cart" image to line up properly (the Add to Cart image is too high up and thus isn't flush with the Qty field). Ideally, I want it to layout like the link just above.

    Any ideas?

    Much thanks!!!

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

    Default Re: Want to have options on the same line (size and color)

    In your stylesheet, find
    Code:
    .wrapperAttribsOptions {
    	margin: 0.3em 0em;
    	}
    and add to get
    Code:
    .wrapperAttribsOptions {
    	margin: 0.3em 0em;
    	float: left;
    	}
    
    #cartAdd input+input+input {
        position: relative;
        bottom: -0.5em;
        }

  3. #3
    Join Date
    Jun 2009
    Posts
    617
    Plugin Contributions
    0

    Default Re: Want to have options on the same line (size and color)

    Thanks Glenn, worked great for me!

    Do you know how to increase the height of the Qty box?
    Thank you,
    autoace

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

    Default Re: Want to have options on the same line (size and color)

    That one I don't know offhand. You could probably find out as fast as me.

  5. #5
    Join Date
    Dec 2006
    Posts
    130
    Plugin Contributions
    0

    Default Re: Want to have options on the same line (size and color)

    Yes, thank you Glenn, that worked for me too. Awesome!!!

    It looked perfect in Chrome, but not in IE 7, so I messed with this part:

    Code:
    bottom: -0.5em;
    and changed it to:

    bottom: -3px;
    Now it looks tight in IE7, but not Chrome. Any thoughts?

    PS - I tried using em sizes first, but then went with px.

    Thanks again for your help.

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

    Default Re: Want to have options on the same line (size and color)

    It might just be a case where browsers handle things differently, and you need a browser-specific stylesheet to handle it for IE.

 

 

Similar Threads

  1. Replies: 4
    Last Post: 29 Nov 2012, 02:17 AM
  2. Want to change HEADING_TITLE font size and color.
    By awhitley2 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 23 Jun 2009, 05:15 AM
  3. Want to change banner size and background color
    By RebelAutoWorxs in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 10 Oct 2008, 06:04 PM
  4. I want to change the color of The word "guest" In the opening line
    By touchclothing in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 28 Jun 2006, 03:51 AM

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