Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Kerry Russell
Kerry Russell
Courses Plus Student 2,924 Points

Please help. Can get positioning to work :(

Hi,

I can't figure out how to stop the optin box from moving when screen is resized.

I've created the optin form I'm currently trying to add to http://dev.iwillteachyoualanguage.com/ on a static html page first, and it works perfectly.

But not I'm transferring things over to WordPress, I can't get the optin form to say in position when screen is resized.

thanks.

Kerry

3 Answers

Craig Watson
Craig Watson
27,930 Points
Craig Watson
Craig Watson
27,930 Points

Hi Kerry,

Looks like the elements are sat separated of the div with id #wrap you should position them inside that div.

To have them hold there position they need to be inside that div with id wrap and not have absolute positioning.

Hope this helps you!

Craig

Kerry Russell
PLUS
Kerry Russell
Courses Plus Student 2,924 Points
Kerry Russell
Kerry Russell
Courses Plus Student 2,924 Points

Hi Craig

Thank you for your help.

The custom code I've created starts at #optin-form, the #wrap is part of the Genesis theme, and I'm using Genesis simple hooks to apply the code. Not sure how to have it within the #wrap

Craig Watson
Craig Watson
27,930 Points

No problem Kerry.

Are you adding content through wordpress admin or with a child theme in a text editor?

Craig

Kerry Russell
PLUS
Kerry Russell
Courses Plus Student 2,924 Points
Kerry Russell
Kerry Russell
Courses Plus Student 2,924 Points

Because it's a Genesis Child theme, I'm adding the text through wp admin, directly into the Genesis Simple Hooks plugin. :)

Craig Watson
Craig Watson
27,930 Points

Sorry Kelly I have not had any experience with that plugin, my solution would have been to edit the theme file itself having had direct access to the source code in your child theme. This the prevents any updates they make to the theme trashing any hard work you have done trying to get this positioned.

Have you added the div class=form-copy with this plugin?

Craig