Image Picker Label Disappeared but in Preview

  • darienlibrary
    Asked on March 23, 2016 at 5:32 PM

    Another oddball question. I can see the label "Room Desired" above the images of 3 different room setups. But when I look at the form itself, the label is hidden. I can also see it in the Source. Any ideas?

  • Boris
    Replied on March 23, 2016 at 6:16 PM

    I have checked your form, and I cannot see the label "Room Desired" as it is hidden by CSS of the form:

    .form-label-top {
        display: none;
    }

    The above code is found under the comment /* Remove form error message */ in your CSS.

    In order to rectify it, and if you want only this one label to show from this particular widget, please add the following custom CSS to your form:

    #label_18 {
        display: block;
    }

    Additionally, I would recommend against using content property directly on an element - it only works in some browsers (Chrome), and it will cause different results based on which web browser your users are using. This is the currently used code I'm talking about:

    #label_18 {
        content : "I am here";
    }

    CSS content property should only be used on ::before or ::after pseudo-elements, and not on the main element.

    Please let us know if this fixes the issue you were having.