PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Align Fields

  1. Ive searched for this and I didnt see anything so excuse me if I missed it. I know about css ready classes and those are really nice but I dont think this pertains to that.
    What I want is to have, say, a product line to read like this...

    Product Name....Description....(qty box)

    as of right now it reads...

    Product Name
    Price: $0.00 Quantity:
    Description

    as you can see its on 3 seperate lines, Id like it all on one line. And I dont need the price field.

    Thanks!

    Posted 10 years ago on Thursday December 1, 2011 | Permalink
  2. Can you post a link to your form for us to take a look.

    Posted 10 years ago on Thursday December 1, 2011 | Permalink
  3. http://mvfi.com/?page_id=130

    Posted 10 years ago on Friday December 2, 2011 | Permalink
  4. Jim, did you see my reply here:

    http://www.gravityhelp.com/forums/topic/possible-to-hide-prices

    Seems you have too topics open with slightly different requests. Can we stick to just one of these topics you posted in going forward so there are no conflicts. Let me know when you've applied that updated style block and we can keep moving forward with your whole intent.

    Posted 10 years ago on Friday December 2, 2011 | Permalink
  5. Ok we'll stick to this thread. Thanks! It did work, I just forgot to hold shift and refresh. Otherwise the price and field were still there. My bad. No only if I could get them all in line.

    Posted 10 years ago on Friday December 2, 2011 | Permalink
  6. Try this out, this will change all future product listings as well, the previous snippet I gave you to hide the pricing was just for that one specific field ID, we can make it more generic like this if you plan on adding more product. If you don't then you can get more specific below and use the ID.

    [css]
    .gfield_price .gfield_container, .gfield_price label, .gfield_price .gfield_description {
    float: left;
    padding-right: 10px;
    }
    .gfield_price .gfield_description {
    margin-left: 10px;
    }
    Posted 10 years ago on Friday December 2, 2011 | Permalink
  7. I can see how that other code was specific towards that part. Lets just say I dont want to show any prices right now. I'd rather have the customer call or send an email to get that info. So removing the field price is find by me. I'd still like that all inline for nice clean uniform look. Like I posted above. Thanks for your help.

    Posted 10 years ago on Friday December 2, 2011 | Permalink
  8. OK Jim, replace what we have done so far with this:

    [css]
    .gfield_price .ginput_container, .gfield_price label, .gfield_price .gfield_description {
    float: left;
    padding-right: 10px;
    }
    .gfield_price .gfield_description {
    margin-left: 4px;
    clear: none !important;
    width: auto !important;
    }
    .gfield_price label {
    margin-top: 7px !important;
    }
    span.ginput_product_price, span.ginput_product_price_label {
    display: none !important;
    }
    span.ginput_quantity_label {
    margin: 0 !important;
    }

    Forgive me, I'm trying to do all of this without access to your stylesheet.

    Posted 10 years ago on Friday December 2, 2011 | Permalink
  9. Beautiful. Now if we could swap the qty box with the description it'd be perfect!

    Posted 10 years ago on Friday December 2, 2011 | Permalink
  10. Because the quantity field comes before the description field - this would work only if your spacing stays consistent. You might need to tweak if your product name and/or description gets longer. Replace with this:

    [css]
    .gfield_price label, .gfield_price .gfield_description {
    float: left;
    padding-right: 10px;
    }
    .gfield_price .gfield_description {
    margin-left: 4px;
    clear: none !important;
    width: auto !important;
    }
    .gfield_price label {
    margin-top: 7px !important;
    }
    span.ginput_product_price, span.ginput_product_price_label {
    display: none !important;
    }
    span.ginput_quantity_label {
    margin: 0 !important;
    }
    .gfield_price .ginput_container {
    float: right;
    margin: 2px 258px 0 0;
    padding-right: 10px;
    }
    Posted 10 years ago on Friday December 2, 2011 | Permalink
  11. Looks great man! I cant thank you enough!

    Posted 10 years ago on Friday December 2, 2011 | Permalink
  12. Nice, we did it! Glad to help. I'm going to close this topic, if you need anything else let us know. :)

    Posted 10 years ago on Friday December 2, 2011 | Permalink

This topic has been resolved and has been closed to new replies.