hello bar – how to get everything on one line

[laura]

Hi

I created an hello bar to collect emails, but I cannot manage to get the text and email form on one line.

http://momgoesonline.com/hello-world/

Can anyone please show me how to do this?

THank you so much

Laura

PS - the code I have in my style css

/* After Header Widget
------------------------------------------------------------ */
.after-header-widget {
background: #10b7b8;
border-bottom: 1px solid #10b7b8;
border-top: 1px solid #10b7b8;
clear: both;
color: #fff !important;
font-family: ProximaNovaS-Regular, arial, sans-serif;
font-size: 20px;
line-height: 1.5;
margin: 0 auto;
overflow: hidden;
padding: 12px 0;
text-align: center;
}

.after-header-widget p {
color: #fff !important;
font-family: ProximaNovaS-Regular, arial, sans-serif;
font-size: inherit;
line-height: 1.5;
margin: 0;
text-align: center;
}

.after-header-widget input {
width: 50%;
}

.after-header-widget #subbox {
font-family: ProximaNova-Regular, arial, sans-serif;
font-size: 13px;
margin: 10px -2px 0 0;
padding: 5px;
width: 50%;
}

http://www.momgoesonline.com

[Aditya Pandey]

Hi Laura,

Use following code in your style.css

`.after-header-widget p, after-header-widget form {
display: inline-block;
}

.after-header-widget #subbox {
padding: 5px 55px 5px 5px;
margin: 0 0 0 10px;
}`

---

Aditya Works.

Hire me >> http://adityaworks.com/contact.php

[laura]

Hey Mr Cool Guy / CallingMedic911

I made the changes you recommended and it worked - THANK YOU !!!

Laura

[Aditya Pandey]

Happy to help you. 🙂

---

Aditya Works.

Hire me >> http://adityaworks.com/contact.php

[Author]

Posts