Docs

[MikeMobley2002]

Hey Guys,

Could you please provide instructions specifically on how to get the exact same type of contact form at the bottom of the Ethos 2 Demo?

Thank you!

http://theme.co/x/demo/ethos/2/

[Christian]

Hey Mike,

That is Contact Form 7’s form that comes out of the box when you install it. It would be best to setup Ethos 2 in a development server so you could see the back-end setup of it.

Thanks.

[MikeMobley2002]

Thank you. I started a new form and it looks a little better, but not like this:

http://theme.co/x/demo/ethos/2/

How can I make everything centered, and much larger like the demo site? Is there custom CSS in this that you could please provide?

[Rupok]

Hi there,

Thanks for writing in! You can set a max-width (i.e max-width: 600px;) and margin: 0 auto; for the form container/div. The other styling are coming from ethos CSS so it should be same. You can provide your URL so that we could check and provide some tailored code for you.

Cheers!

[MikeMobley2002]

That would be very helpful, thank you!

Site is – mikemobley.com

And you can see the contact form at the bottom. I would love for it to look just like the ethos one, wide, centered, larger, button centered, etc.

Thank you!

[Rad]

Hi there,

It’s the styling that is only specific to stack. Your stack is Icon which has different styling than Ethos. You can add something like this,

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    height: 3.45em;
    margin-bottom: 9px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 0 1.45em;
}

Then just change your site’s font setting under customizer.

Thanks!

[MikeMobley2002]

Ok great, thank you.

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts