Geir Fjærli
asked 7 years ago

Hi. Great theme. Slowly getting there with my page, just have to add stuff to the portfolio. However, I have one question which may be a CSS thing:
Please look at the contact form on my page on http://www.sunshinedata.com. As you probably can see the list of contact types does not align with the subject field, but instead is quite a few pixels further down. Actually it seems it is the invisible container (class=”wpcf7-form-control-wrap menu-284″) that is too low, not the menu itself. 
I have tested this on Safari and Chrome on the Mac, Safari on iPad,, and IE on Windows 8, all with the same result. It would be nice if there was a way to fix this so it aligned properly.
TIA, and take care!
Geir 🙂
 

2 Answers
DominicStaff
answered 7 years ago

Hi Geir !
To resolve the Contact form issue, You can log in to Dashboard > Contact > open your Contact then add the following code to the “Form” sections.

 <div class="controls controls-row">
[text* your-name class:span6 watermark "Name*"][email* your-email class:span6 watermark "Email*"]
</div>

<div class="controls controls-row">
[text* your-Budget class:span6 watermark "Budget*"][text* your-Timeframe class:span6 watermark "Timeframe*"]
</div>

[textarea* your-message x4 watermark "Message*"]
[submit class:btn class:btn-primary "Everything? Send!"]

See the screenshot:
Hope this helps!

Geir Fjærli
replied 7 years ago

Hi again Dominic. Sorry, but no. The form code you post is the original from the quick start. Which works fine. But I do not want a Budget and Timeframe field, I want a subject field and a drop down menu of contact types. So i replaced the middle row with the following:

[text* your-subject class:span6 watermark “Subject*”][select menu-284 class:span6 “Sales” “Support” “Other”]

This works fine, except the drop down is not correctly aligned with the subject field. So my question is why the drop down does not align, and if it is possible to fix this in the CSS or elsewhere.

Have a nice day!

Geir 🙂

DominicStaff
answered 7 years ago

Hi Geir !
I see 🙂 ! If you want to Drop down list in contact form display  align with entry field on same line in your site, You can log in to Dashboard > Appearance > Customize > Custom Code, then add the following code to the “Header Code”

 <style>
select {     
      height: 39px;     
      margin-bottom: 20px;
}
</style>

Hope this helps !

Geir Fjærli
replied 7 years ago

Excellent! That did the trick. Thank you!

Geir 🙂

Powered by DW Question & Answer Pro