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.

Custom CSS not showing up in the correct place

  1. 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

    Posted 8 years ago on Thursday November 10, 2011 | Permalink
  2. 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.

    Posted 8 years ago on Thursday November 10, 2011 | Permalink
  3. 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

    Posted 8 years ago on Thursday November 10, 2011 | Permalink
  4. 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?

    Posted 8 years ago on Thursday November 10, 2011 | Permalink
  5. bigmaxsstudio
    Member

    Actually there are going to be 2 sets of #input info one for the Product and one for the Quantity

    Posted 8 years ago on Thursday November 10, 2011 | Permalink
  6. 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.

    Posted 8 years ago on Thursday November 10, 2011 | Permalink
  7. 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.

    Posted 8 years ago on Thursday November 10, 2011 | Permalink
  8. bigmaxsstudio
    Member

    Because originally I was told gf_inline. Thanks will change.

    Posted 8 years ago on Thursday November 10, 2011 | Permalink