Generate Theme – generate box background

[MLBOJanMember Post count: 5]

Hi. I have the Generate theme and was running it with a video and a getresponse opt in. I used the html opt in code and stripped all the additional styling out. This worked wonderfully.
I’ve just changed to Aweber and replaced the GR code with the Awber HTML code – again with the styling removed.

Now the grey background isn’t reaching the bottom of my video and form – it did previously. No matter what content I put in the Generate widget now, the background is not expanding to the height of the content.

What has changed? How do I get the grey background to reach the bottom of the form?

My site is http://www.mylocalbusinessonline.co.uk

[SoZoModerator Post count: 1573]

Add “overflow: hidden;” to both #generate-box and #generate-box .wrap

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[MLBOJanMember Post count: 5]

Thanks, just tried that and no difference.  Is there anything else I am missing?

[SoZoModerator Post count: 1573]

I’m not seeing any change in your style sheet. Do you have a caching plugin active?

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[MLBOJanMember Post count: 5]

No cache plugin on – took it off a while back, it was breaking the theme layout!

I have added it in the right place?  In the WP theme editor, edit theme – style.css

[SoZoModerator Post count: 1573]

You need to add it to these two rules

#generate-box {
background: #f3f3f3 url(images/shadow.png) no-repeat center bottom;
padding: 0 0 32px;
}

#generate-box .wrap {
-moz-box-shadow: 0 0 2px #999;
-webkit-box-shadow: 0 0 2px #999;
background: url(images/generatebox-bg.png) repeat-x top #212121;
border: 1px solid #fff;
box-shadow: 0 0 2px #999;
clear: both;
color: #9f9f9f;
min-height: 195px;
margin: 2px auto 0;
padding: 30px;
text-shadow: -1px -1px #000;
width: 898px;
}

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[MLBOJanMember Post count: 5]

Yup, that where I put it and it says file edited successfully.  And you’re right, it’s not showing the change.  I’ll go pop in to cpanel and do it in there.

Edit:

Checked the css file just in case something very odd was going on and the changes weren’t actually changing…

overflow: hidden; is there for #generate-box and #generate-box .wrap

I guess it’s a case of waiting out whatever the delay is.  I’ll have a look again in the morning

Thank you for your help SoZo

[MLBOJanMember Post count: 5]

A quick update adding overflow: hidden; to the #generate-box and #generate-box .wrap did the trick.   Not sure what the delay was in actually showing the update – but they’re there now.

I really appreciate your help and patience.  Thank you!

[SoZoModerator Post count: 1573]

You’re welcome

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Author]

Posts