Title: Align boxes
Last modified: September 1, 2016

---

# Align boxes

 *  Resolved [rmniemela](https://wordpress.org/support/users/rmniemela/)
 * (@rmniemela)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/align-boxes-1/)
 * Am trying to find out how to align the name, email and subject boxes to appear
   on the same line. Can find info in your forum to align them on separate lines,
   but not what I need.
 * I have some extra css code to make the boxes prettier, but even without that 
   code, the boxes all appear on different lines. That’s how they appeared on first
   installed.
 * Am using Vantage theme.
 * [https://wordpress.org/plugins/pirate-forms/](https://wordpress.org/plugins/pirate-forms/)

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Thread Starter [rmniemela](https://wordpress.org/support/users/rmniemela/)
 * (@rmniemela)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/align-boxes-1/#post-7713186)
 * Sorry, forgot link to website
 * [http://walksudbury.ca](http://walksudbury.ca)
 *  [Uriahs Victor](https://wordpress.org/support/users/uriahs-victor/)
 * (@uriahs-victor)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/align-boxes-1/#post-7713275)
 * Hi there,
 * I checked your website and the fields are on the same line: [http://prntscr.com/cbxid9](http://prntscr.com/cbxid9)
 * Do you still need help here?
 * Best regards,
    Uriahs
 *  [patronni](https://wordpress.org/support/users/patronni/)
 * (@patronni)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/align-boxes-1/#post-7713345)
 * Hi, I´ve got the same problem here
 * [http://yrdi.cl/contacto/](http://yrdi.cl/contacto/)
 * Please help, thanks in advance.
 * Kind regards,
 *  Thread Starter [rmniemela](https://wordpress.org/support/users/rmniemela/)
 * (@rmniemela)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/align-boxes-1/#post-7713367)
 * I found some code to put the fields on the same line, but I’d also like to have
   some extra space in between the fields. Am not sure if I’m using the proper coding
   because the last field does not line up with the message box right margin.
 * .pirate_forms_three_inputs {
    display: inline-block; width: 33%; }
 *  Thread Starter [rmniemela](https://wordpress.org/support/users/rmniemela/)
 * (@rmniemela)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/align-boxes-1/#post-7713387)
 * I came up with this solution. If there’s something more elegant, I’d be interested
   in knowing.
 * .pirate_forms_three_inputs {
    display: inline-block; width: 30.666%; margin-right:
   4%; }
 * .contact_subject_wrap {
    margin-right: 0 !important; }
 *  [Uriahs Victor](https://wordpress.org/support/users/uriahs-victor/)
 * (@uriahs-victor)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/align-boxes-1/#post-7713404)
 * Hi there,
 * You should create a media query for mobile devices so the form fits better on
   mobile devices:
 * [@media](https://wordpress.org/support/users/media/) screen and (max-width: 414px){
   .
   pirate_forms_three_inputs { display: block; width: 100% !important; margin-right:
   0 !important; } }
 * Best regards,
    Uriahs

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Align boxes’ is closed to new replies.

 * ![](https://ps.w.org/pirate-forms/assets/icon-128x128.png?rev=1635118)
 * [Contact Form & SMTP Plugin for WordPress by PirateForms](https://wordpress.org/plugins/pirate-forms/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/pirate-forms/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/pirate-forms/)
 * [Active Topics](https://wordpress.org/support/plugin/pirate-forms/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/pirate-forms/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/pirate-forms/reviews/)

 * 6 replies
 * 3 participants
 * Last reply from: [Uriahs Victor](https://wordpress.org/support/users/uriahs-victor/)
 * Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/align-boxes-1/#post-7713404)
 * Status: resolved