Issues displaying search form horizontally in Avada

Trevor

#40939

All that is required is a little more finesse with the custom css. Maybe you could take a screenshot crop it to the search form and play with it in Photoshop or similar so it looks as you wish, upload it to a file sharing site, and share with me (it can be a private reply if you wish) so I can see what you want and I can give you the css?

Anonymous

#41065

This reply has been marked as private.

Trevor

#41096

OK

I need to see an actual page with what you want it to look like (an example), as this will make my task easier.

But, to whet your appetite, this is the custom CSS to make the button look as you want:

.sf-field-submit input {
  font-family: 'Karla', Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  background: #427ed1;
  border-width: 0;
  border-radius: 25px !important;
  padding: 11px 23px;
  line-height: 16px;
  cursor: pointer;
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
}
.sf-field-submit input:hover {
  background: #4c8be0;
}

Anonymous

#41137

This reply has been marked as private.

Trevor

#41138

Hi

It is on a new line because the container it is in is too narrow for the the fields. That we can fix later. I need a live page with the example so that I can examine the html and css using firebug. And then I can play with both forms. Is it possible to put the other form directly below the S&F one on the demo page?

Anonymous

#41185

This reply has been marked as private.

Trevor

#41203

No, as the example form is still an image, I need to see a working form. I will go looking on the Internet, there will be one I can find somewhere.

Anonymous

#41281

Sorry Trevor, I now understand what you mean. I have added a working form with Contact 7 to the page I sent you so you can see what they look like. I hope this will help 🙂

Let me know if you need anything else!

Trevor

#41284

Ah!!! Perfect. I will look at this in the morning. I am tired after a long day.

Anonymous

#41322

Sure thing! Let me know if this is what you need. Rest well 🙂

[Author]

Posts