Can't wrap custom widget under header – Genesis Sample Theme

[Atila]

Heya people.
I have registered few new widget areas, and everything is cool except the beneth header widget. (or before content, if you will). I just can't wrap it up!

Tried CSS, no effect. Tried adding genesis-structural-wraps, still, nothing happens.

At the moment, here's my CSS for this widget:

.custom-widget {
background-color: #E1E1E1;
overflow: hidden;
border: 1px solid;
margin-top: 15px;
}

.custom-widget .wrap {
padding: 0 5%;
}

You can see the issue on my site, it's a opt-in form.

http://wpvodic.com

[Victor Font]

You trying to wrap the wrong element. Use this:

#mc_embed_signup .wrap {
background-color: #E1E1E1;
overflow: hidden;
border: 1px solid;
margin-top: 15px;
padding: 0 5%;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Atila]

Hay Victor... The problem is, when I add .wrap to the #mc_embed_signup, then there is no CSS for that element (not recognized). So .wrap is not wrapping it. Strange. Without .wrap, CSS works fine.

[Atila]

Solved it. I have defined max-width to be the same as the max-width of the .wrap, and set margin to auto. 🙂 Thanks for help anyway!

#mc_embed_signup {
background-color: #E1E1E1;
overflow: hidden;
border: 1px solid;
padding: 0 5%;
max-width: 980px;
margin: auto;
}

[Author]

Posts