Site logo

[Support request] Need container background to display complete image. . . .

Home Forums Support [Support request] Need container background to display complete image. . . .

Home Forums Support Need container background to display complete image. . . .

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #2417020
    Robert Holland

    Folks: Thanks as always for your help.

    I have finally gotten a MailChimp page to display for signups using the MC4WP plugin. I have an image I would like the form to overlay (display on top of), but it only displays the background behind the fields as tall as the fields themselves.

    I need the container to display the image completely whether the form itself is large enough or not, i.e., deep enough/tall enough. As it is now it truncates the pagoda, which should really completely be displayed.

    https://robertdeanholland.com/signup-for-blog-posts-and-news/

    I would also like the complete image to fully display underneath the mobile, if possible?

    What in the MC4WP CSS code below might be added to make the fields of the form center themselves on desktop and tablet?
    _____________________________________________________________

    <p>
    <input type=”submit” value=”Signup”>
    </p>
    <p>
    <input type=”text” name=”FNAME” placeholder=”First Name”
    required=””>
    </p>
    <p>
    <input type=”email” name=”EMAIL” placeholder=”Email Address”
    required=””>
    </p>
    <p>
    <label>
    <input name=”AGREE_TO_TERMS” type=”checkbox” value=”1″ required=””> I have read and agree to the terms & conditions</label>
    </p>

    <p>
    <label>Form action</label>
    <label>
    <input name=”_mc4wp_action” type=”radio” value=”subscribe” required=””
    checked=”true”> <span>Subscribe</span>
    </label>
    <label>
    <input name=”_mc4wp_action” type=”radio” value=”unsubscribe” required=””> <span>Unsubscribe</span>
    </label>
    </p>

    _____________________________________________________________

    #2417074
    Ying
    Staff
    Customer Support

    I’m having a hard time to understand your request.

    When you say complete image, do you mean this one?
    https://www.screencast.com/t/SVqBRXIDJR

    I changed its background-size from coverto contain in the developer tool to show it completely, is this what you want?

    If not, can you show me a mock-up so I can understand it better?

    #2417269
    Robert Holland

    Ying:

    I typically don’t use the code view, because I am not a coder. Second, I do not understand why these types of choices are not dropdowns? Instead, it seems I must know the codes as to positioning an image. Is that WordPress or GeneratePress? So, please tell me what the image positioning code snippets are, or tell me where the documentation is at, because I simply cannot find this on the web or in GPP docs.

    And since you did whatever you did, my API is not behaving. Did you place code in the stack which I cannot undo from the WordPress/GPP API? If so, please go take it out, then let me know.

    I’m sorry I did not run a backup. Lesson learned.

    As far as you not understanding what I want, I am also sorry. Next time, I will add the image filename to my support query.

    #2417274
    Robert Holland

    Also Ying, since your work on my website, the short code HTML

    I have used to make the text wrap the image has stopped working. Is it possible what you did broke that?

    I am leaving the gpp-admin user in place till we get this fixed, then I think it best if I drop it. this seems to have not worked out well, but maybe it’s just me.

    #2417294
    Ying
    Staff
    Customer Support

    Instead, it seems I must know the codes as to positioning an image.

    That’s correct, as for the background-size CSS property, the values are not limited to several options, you can enter for example 100px this kind of thing, so it’s not possible to create a simple dropdown for that.

    For more info about background-size property: https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

    And since you did whatever you did, my API is not behaving. Did you place code in the stack which I cannot undo from the WordPress/GPP API? If so, please go take it out, then let me know.

    I did NOT log in to your site or touch anything on your site as you didn’t provide an admin login, the changes I made are in the developer tool which would NOT affect anything on your actual site.

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.