Keep "Question" and "Answers/Options" on the same line initially

This should work for you. Drop this into your theme's stylesheet:

[css]
li#field_2_1 .gfield_label {
float: left;
margin-right: 5px;
}

I answered your other post for the huge tabs in between the radio options:
http://www.gravityhelp.com/forums/topic/cant-justify-forum-to-left-with-css-off-or-on#post-69126

What you are looking to do with the radio placement isn't possible with the HTML structure that is in place. Why don't you just make that a drop down too since it's single selection like the size?

What browser(s) are you seeing the "size" label in a huge font?

In google chrome, right click on the element in question and choose "Inspect this element". This will bring up the developer tools that will show you the ID for that field, in which you can write a selector based on that single field.

If you want a more globaly option, you can always apply a class to the field(s) and write/create your selector based on that class name or just write a more general selector. How versed are you in CSS?

You may want to take a read through this:
http://www.gravityhelp.com/documentation/page/Design_and_Layout

As well as we have other CSS resources here:
http://www.gravityhelp.com/other-resources/

There must be a way using the dynamic populating or css or something, I just want to make sure it is possible (and not extremely complicated) before I start learning all of the css. Thank you so much Rob.

thanks! i will -- was just posting a second time because of some thoughts that came to me later

Thanks Rob. I see, I am having problems with the woocommerce add-on integrating with my shop's prices. For example it is not outputting properly to my shops page. There is another solution which will make everything better (you have already helped me with some of it).

I need to just make the gravity forms formatting look the exact same as woocommerce. Please use this page link for the 3 questions below: http://doamore.wpengine.com/shop/adar-copy/ and remember that the first option is a woocommerce option ( I will have to keep this one option since it affects pricing and my gravity forms pricing isn't interacting with woocommerce properly), and the options below that one are all gravity forms options.

1) Is there a way to vertically space out the two gravity forms dropdowns more (you can see I took your advice and made engraving's a dropdown menu)? I don't want to put in a "</br>" because that is too much space - but I need a few more pixels of padding in between the two gravity forms questions.
2) How do I make the dropdown menus start at the same horizontal pixel (like the way the woocommerce options are above)? I know I can play around with the horizontal pixels (which I may do since you have given me the code for each field id), but is there a way to just set it so that the dropdowns are always justified to the same horizontal starting point? Does this question make sense?
3) The dropdown menu for the woocommerce option is different than the dropdown menu for the gravity forms menus. How can I make it look the same (style wise, and length wise (even when I do "large" field size, it does not become as big as the woocomerce ones, font wise).

I really think if formatting wise I can make it look consistent with the woocommerce option, then everything will be 100% okay.

Thank you so much Rob. Your support is unbelievable.

Thanks a lot Rob. 1 and 2 helped out a bunch!

On 3, I kept playing around with the woocommerce dropdowns and gravity forms dropdowns. I was able to figure this out; when I applied this custom code which targets the woocommerce dropdowns, it actually did change .variations_form table.variations tr select {padding: 0; -webkit-appearance: none;}

That -webkit-appearance:none actually changed the woocommerce dropdown (it didn't change it to match the gravity forms dropdown, but it did change it). I got the info from here: http://css-infos.net/property/-webkit-appearance

Maybe if you could help me figure out what gravityforms is supposed to be using from that webkit-appearance sheet, then I can have woocommerce's dropdowns match it using the code? I know this may be the javascript thing you were talking about, but I thought this might help get me in the right direction.

Thanks for responding. I will get with my team this weekend to discuss further. I appreciate it man

Awesome! I changed the "padding" to 0 and it looks really close and good. Thanks Rob.

The only part that remains now is the last part of question 3:
3) The dropdown menu for the woocommerce option is different than the dropdown menu for the gravity forms menus. How can I make it look the same (style wise, and length wise (even when I do "large" field size, it does not become as big as the woocomerce ones, font wise).

That last part that I am referring to is the length -- do you have any suggestions? When I choose the "length" as long, it is not that long. Is there a way to make your gravity forms dropdown a certain length (so that it matches my woocommerce dropdowns length)?

Thank you Rob-you've been a great help thus far

In the above CSS snippet you can easily change the font-size to be whatever size you'd like (pixels or em) and you can add a width declaration as well, such as width: 200px !important or a percentage, etc.

This worked for me: Screenshot

[css]
.gform_wrapper select {
width: 300px !important! color: #343434;
font-family: 'Calibri', 'Droid Sans', Verdana, Arial, sans-serif;
font-size: 12px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
border: 1px solid #CCC;
padding: 0px;
margin: 0;
outline: 0;
background: white none;
line-height: 1em;
width: 200px;
color: #343434;
}

Rob,

I was able to figure out how to edit woocommerces dropdown width and so please ignore my last post. I will have woocommerce match gravityforms width. Thanks!

Only thing left is one unanswered question from the forum. Here it is again:

Lastly, when you choose "custom size" or "custom engraving", I want to apply the same code you made so that the text entry, font, width, etc isn't different like it is now (you can try it by choosing custom size or custom engraving at: http://doamore.wpengine.com/shop/adar-copy/)

I tried finding what element to apply the code to but I can't get it. Could you please tell me what I need to do? I tried applying it to: 'ginput_container' but it didn't work (I might just be doing it incorrectly).

Thank you!

Hi Support, I never heard back since Friday. Trying again, thanks.