Enews Extended Align Forms

[newedgemarketing]

I seem to be having real trouble with this enews extended plugin.

I want to place an enews extended form on a page, with a line of text above the form then 1 form field for Name and then the submit button next to it, as in, in line with it, but for some reason by default the forms are on top of one another and on a page or post it makes both really big and looks a bit silly.

I've managed to get the enews widget into a page (http://www.newedgemarketing.com.au/about/) but even then there are problems, as it seems to push the form in about 40px so there's a gap between the text and the form as shown in the image it's not aligned with the main body copy.

images showing gap
http://www.newedgemarketing.com.au/wp-content/uploads/2015/04/media.png

I have managed to do this in the after post widget but I've tried copying the css and it doesn't work.

I've also used this plugin in the footer so I'd like different css controlling each as well.

http://www.newedgemarketing.com.au/wp-content/uploads/2015/04/media.png

[Christoph]

Hi,

this will take care of the margin on the left:

#Widgets_on_Pages_1 ul {
    margin-left: 0px;
}

This will make a horizontal optin form.
Replace the code in the style.css with the following:

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

.enews-widget p {
	width: 100%;
	margin-top: 7px;
	margin-bottom: 0;
	font-weight: bold;
	text-align: center;
	}
 
#subscribe {
	float: right;
	width: 100%;
}
 
.enews-widget input {
	float: left;
	width: 65%;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0;
	padding: 10px;
	border: 1px solid #27AAE1;
	color: #222;
	line-height: 1.5;
}
 
.enews-widget input[type="submit"] {
	width: auto;
	padding: 10px 34px;
}
 
#subbutton {
	width:  30%;
	line-height: 1.5;
}

.after-entry .enews-widget input {
width: 48.5%;
}

.after-entry .enews-widget input[type="submit"] {
    background: none repeat scroll 0 0 #27aae1;
    color: #FFFFFF;
    margin: 0;
    width: 48.5%;
}

To target the optin form in the widget area you can use
.footer-widgets-3 followed by .enews-widget or #subscribe, etc...

.footer-widget-3 .enews-widget *** {

}

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[newedgemarketing]

Thanks Christoph the second bit worked but the main part didn't and it change some of the styling of my other fonts not related to the enews widget but I've only tried it quickly so will take a look again later when I'mm back at home thanks again for your help!

[Author]

Posts