Genesis eNews extended formatting in Foodie Pro

[jess @ make and do crew]

I am attempting to put the eNews extended plugin above the header, but the formatting is janky. The email input box is so large that it's pushing the "submit" button to the next row and therefore taking up too much space. Is there an easy way to format this? Thanks!

http://makeanddocrew.com

[carasmo]

In your style.css file, under the heading

/* Genesis eNews Extended
--------------------------------------------- */

There are styles (see below for the styles CURRENTLY in your theme) that put the input and button on a single row, provided that the class of the before header widget area is .before-header -- is there a widget area above the header? It's not the header-right area if that exists in your theme, it would be called Before Header.

.before-header .enews-widget .widgettitle,
.before-header .enews-widget p {
	display: inline;
	float: left;
	line-height: 28px;
	margin: 0 10px 0 0;
	width: auto;
}

.before-header .enews-widget .widgettitle {
	font-size: 20px;
}

.before-header .enews-widget #subscribe {
	display: inline;
	float: right;
	width: 40%;
}

.before-header .enews-widget input {
	border: 0;
	display: inline;
	float: left;
	margin: 0;
	width: 70%;
}

.before-header .enews-widget input[type="submit"] {
	display: inline;
	float: right;
	width: 28%;
}

---

Genesis Theme Customization and Help

[jess @ make and do crew]

Thank you so much for your response. I got it fixed! In the .before-header, I simply changed the percentages of each element so that the cumulative size only occupied one line. This is my first CSS victory ever. Thanks for your guidance!

[carasmo]

And it looks great small too! Congrats!

---

Genesis Theme Customization and Help

[Author]

Posts