-
Posts
-
I am trying to add a simple form, and when I do, I get extra line breaks. These don’t show up in my text block editor (I use the “text” rather than the “visual” mode of editing), but when I view source they show up. I am trying to get these to display in a single line rather than a block. What am I doing wrong?
~~~~~~~~~~~~~~~ (Here’s my html)
<div style=”background-color: rgba(7,7,7,0.8); width: 100%; height: 325px; padding: 25px;”>
<h2>Search For Apartments</h2>
<hr />
<form action=”/properties” method=”GET”><input style=”background-color: white;” name=”location” type=”text” placeholder=”Zip Code, City” /> <input style=”background-color: white;” name=”apt_name” type=”text” placeholder=”Apartment Name (Full or Partial)” /> <input type=”submit” value=”Submit” />
</form></div>Sure – here is a simplified version of the page: http://www.kennedytree.org/test-page/
I got this to work, but I don’t fully understand why. When I look at this with firebug, it appears that the issue is coming from a “display: block;” declaration inside of base.css. So:
– I copied base.css over to a child theme, and took out that line in the css, and it still happened.
– I tried putting “display: inline” inside the inline style declaration for the <input> fields, and it still happened.
– I entered the attached (see below) into the custom css field on my enfold theme options, and it worked as expected.Why did the third option work, but the first two did not?
~~~~~~~~~~~
custom CSS:#top .input-text, #top input[type=”text”], #top input[type=”input”], #top input[type=”password”], #top input[type=”email”], #top input[type=”number”], #top input[type=”url”], #top input[type=”tel”], #top input[type=”search”], #top textarea, #top select {
display: inline;
}Hi!
“SORRY, BUT THE VERY PAGE YOU ARE LOOKING FOR DOES NOT EXIST” and seems like you are not using Enfold.
Best regards,
Yigit
- The topic ‘Extra line breaks in a form’ is closed to new replies.