Archived topic
Child theme with images from other theme
13 replies · Started by Krzysztof on May 25, 2017
Hello there. I am not so good with coding, so maybe someone can help me, or point me in the right direction.
Currently, we are putting together a page for our kindergarden. Thing is, they already have bought a theme (Daycare from ThemeForest) - since it is overloaded with stuff, I decided to go with GeneratePress and do things my way. But, they want those cool looking animations of header and footer stuff - which, I clearly don't know how to bite and move. Can You please point me in any direction, how to merge those images into GeneratePress theme? I made a child theme, with background etc, but can't get a hold on that header/footer functions.
Best regards.
Hi there,
Any chance you can provide a link to your site? We should be able to give you some better pointers that way.
Thanks!
hmm those animations are created with some serious custom coding that's stored with the previous theme and I highly doubt there is a way to simply copy them over.
I'll ask Tom to confirm :)
From what I managed to figure out, they are using css styling from animate.css, which is made by https://daneden.github.io/animate.css/
I am curious, because simply I don't know how - I can make stuff appear on footer / header same way they did it.
Any help greatly appreciated :)
It's possible, but it would definitely involve some custom programming. If you study animate.css and choose the right selectors in GP, you should be able to achieve it.
Can You point me please, how to customize header/footer to add some images to them, which will be there for all content? I'm green :)
GP Hooks is probably the best spot to go when it comes to adding HTML into either of those elements.
OK, so basically, do I use float in div to position those images? Or do You think I should use something else for that?
The theme you pointed to is using position:absolute; instead of float.
Aw, okay. As I said, have no experience in this area :) Thanks for pointers.
You'll gain tons of experience if you take the project on. Use developer tools in Chrome to inspect their code, then follow the instructions animate.css give you :)
Alrighty, I made some progress. Hooks and CSS was the key to this, which is a valuable lesson for me. I can't figure out, how to "force" those items to be visible in back layer, not over posts/etc on page. Can You help?
EDIT:
Nevermind, z-index worked, I have made some errors in CSS which caused it to overlap with other z-index settings. Need to figure out animations, and it's done :)
Awesome! Great job :)
