How to make the width of the message box smaller

  • Resolved mshaps0613

    (@mshaps0613)


    8 years, 1 month ago

    I put a contact form on my contact page and want to add a picture next to the form. But the box to send a message takes up the entire width of the page so my picture falls below it. Is it possible to make the width of the message box smaller?

    Here’s the link to my contact page:
    https://nynutritionexpert.com/contact-me/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Jared Atchison

    (@jaredatch)

    Hey mshaps0613,

    Thanks for reaching out.

    The form is a block level element, which means by default you can’t place things next to it because it’s designed to go “full width”.

    The code below should help you do this though ?? You will just need to insert your image code in the area indicated. Hope that helps.

    
<div style="overflow:hidden;">
<div style="float:left;width:65%;">
[wpforms id="696"]
</div>
<div style="float:right;width:35%;">
[your image here]
</div>
</div>
    Plugin Author Jared Atchison

    (@jaredatch)

    I forgot to add, after using the code above, in the field “Advanced Options” you will want to set the field sizes to Large, which will make them go full width in the form.

    Thread Starter mshaps0613

    (@mshaps0613)

    Hi Jared,

    Thanks for responding back. I’m new to coding – where would I place that code? in the CSS for the WP forms plugin?

    thanks

    Marsi

    Plugin Author Jared Atchison

    (@jaredatch)

    You would place this code inside the Text tab of your post editor. Check out https://cl.ly/361m2J1T132O

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to make the width of the message box smaller’ is closed to new replies.