- This topic has 13 replies, 3 voices, and was last updated 3 years, 2 months ago by Tom.
May 25, 2017 at 8:19 am #323960Krzysztof
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.GP Premium 1.3May 25, 2017 at 8:23 am #323962LeoStaffCustomer SupportMay 25, 2017 at 8:24 am #323963KrzysztofMay 25, 2017 at 8:34 am #323970LeoStaffCustomer SupportMay 25, 2017 at 8:38 am #323975Krzysztof
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 🙂May 25, 2017 at 9:22 am #324019TomLead DeveloperLead Developer
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.May 25, 2017 at 9:28 am #324024Krzysztof
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 🙂May 25, 2017 at 9:29 am #324026TomLead DeveloperLead DeveloperMay 25, 2017 at 9:31 am #324029Krzysztof
OK, so basically, do I use float in div to position those images? Or do You think I should use something else for that?May 25, 2017 at 9:33 am #324030TomLead DeveloperLead DeveloperMay 25, 2017 at 9:34 am #324031Krzysztof
Aw, okay. As I said, have no experience in this area 🙂 Thanks for pointers.May 25, 2017 at 9:35 am #324033TomLead DeveloperLead Developer
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 🙂May 25, 2017 at 10:15 am #324052Krzysztof
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?
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 🙂May 25, 2017 at 7:27 pm #324234
- You must be logged in to reply to this topic.