Signup form

[Hiker]

Hello ...

Just viewed Katrina's video on how to install the
Genesis e-News Extended Widget, and at 7:35
the sign up box she created looks very different
than the one on my site. Plus, when I edit
my copy, it's not updating.

Any suggestions ....

Thank you ... .

(wish I had thought about Genesis plugins a few hours ago!!)

---

ReneeStern.com

http://www.renegadefinancialplanner.com

[brock]

The Genesis theme that appears in the video isn't Daily Dish Pro and that explains the discrepancy. There is a section in the style.css file that styles the enews plugin in accordance with the look and feel of that particular theme. The code below adds a black background-color to the section element with classes of .widget and .enews-widget. This section element is the container that holds the widget. So, we can target its classes and add a background - in this case I added a black background. But before that, I have also targeted the text color and changed it to white so it will contrast with the black.

.enews-widget,
.enews-widget .widget-title {
	color: #fff;
}

.sidebar .widget.enews-widget {
	background-color: #111;
	padding: 20px;
}

I recommend to add these changes in the plugin>enews commented section of your stylesheet to keep it organized. I hope this suggestion gets you started.

You also said

Plus, when I edit
my copy, it’s not updating.

I didn't understand what you meant so I didn't address that part of your question. Good luck.

[Hiker]

Thank you Brock ...

Will be back at my computer tomorrow and will follow your suggests

If you're in the States, enjoy the 4th (if you're not in the States, enjoy the 4th!)

Renee
619.838.8800

---

ReneeStern.com

[Hiker]

Hello Brock....

So that I don't mess it up, was hoping you could highlight exactly
where I need to add the code you wrote above:

/* Genesis eNews Extended
--------------------------------------------- */
.enews p {
margin-bottom: 20px;
}
.enews form + p {
margin-top: 20px;
}
.enews-widget input {
color: #999;
margin-bottom: 16px;
}
.enews-widget input[type="email"] {
font-size: 16px;
}
.enews-widget input[type="submit"] {
background-color: #f5f5f5;
color: #000;
margin-bottom: 0;
padding: 20px 24px;
width: 100%;
}
.enews-widget input[type="submit"]:hover {
background-color: #e14d43;
color: #fff;
}

---

ReneeStern.com

[brock]

Hey Renee,

You can add it just above the the .enews p, at the very top. It's just a matter of organization and, in this case, not going to change how the code behaves.

[Hiker]

worked like a charm .... thank you

now onto the email sequence

Again, thank you Brock

---

ReneeStern.com

[Author]

Posts