bigmaxsstudio
Member
Two questions:
1. The First ID I want to start the custom CSS is 13. But it's not starting until #17.
2. I need only 1 Product Name and Quantity on a line. Using gf_inline with the shorten lines is putting as much on 1 line as possible. Is there a work around for this?
http://regalhaircolor.com/orderforms/?page_id=54
Thanks,
Patti
Patti, not following your question for #1. For #2 it looks like some of your fields are missing the gf_inline statement and a few of your input fields are smaller widths than the others, such as B3.0 for example.
bigmaxsstudio
Member
Sorry, B1.0 is Field ID13 which is where I have the CSS starting:
#input_10_13, #input_10_15, #input_10_17,{
width: 35px !important;
}
Put the smaller field doesn't show up until B3.0 with is Field ID 17
Hope this clears things up.
Patti
Your style.css is showing:
[css]
#input_10_14, #input_10_16, #input_10_18 {
width: 35px !important;
}Sounds like you are having a caching issue on your server. Did you update/upload that css file change to the server? Are you running any sort of caching plugin?
So you will need to identify all of your input IDs related to the name fields and all of your input IDs related to the Quantity fields and add them to the appropriate block which goes into your style.css. If you are adding that info to your css file and it's not reflecting, then your server is caching somehow.
Any reason you aren't using the gf_left_half and gf_right_half ready classes to display your fields side by side?
The inline class is primarily for displaying lots of fields inline. The gf_left_half and gf_right_half classes are for displaying two fields side by side.
The Ready Classes are documented here:
http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes
If your custom CSS isn't being applied to all the fields you want it to apply to then it's because you haven't defined the selector properly. You need to define every input id in the CSS selector when applying the CSS. If some aren't being applied then it's likely because you aren't applying styles to them so you need to make sure your custom styles are targeting and styling every element you want to style.
