Title: Overlay Transition
Last modified: August 30, 2017

---

# Overlay Transition

 *  Resolved [EricaFisher](https://wordpress.org/support/users/ericafisher/)
 * (@ericafisher)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/overlay-transition/)
 * Love the plugin so far; it’s exactly what I needed.
 * I’m styling all the things, including the transition/animation of the overlay
   from top to bottom. Where can I find this bit of code to change?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Foverlay-transition%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [allurewebsolutions](https://wordpress.org/support/users/allurewebsolutions/)
 * (@allurewebsolutions)
 * [9 years ago](https://wordpress.org/support/topic/overlay-transition/#post-9486941)
 * Thank you, Erica!
 * It’s not recommended to edit the plugin code directly, as it will be overwritten
   by the next update. I recommend adding CSS/JS to your child theme or the WordPress
   Customizer > Additional CSS (if it’s just CSS).
 * That transition is actually controlled by the javascript on line 122 of this 
   file: [https://github.com/allurewebsolutions/wordpress-post-modal/blob/master/public/js/wp-post-modal-public.js](https://github.com/allurewebsolutions/wordpress-post-modal/blob/master/public/js/wp-post-modal-public.js)
 * If you prefer to turn that off or change to another animation you can add your
   own JS in place of the slideDown() method.
 *  Plugin Author [allurewebsolutions](https://wordpress.org/support/users/allurewebsolutions/)
 * (@allurewebsolutions)
 * [8 years, 12 months ago](https://wordpress.org/support/topic/overlay-transition/#post-9553662)
 * Closing due to no further inquiries
 *  [jkruger](https://wordpress.org/support/users/jkruger/)
 * (@jkruger)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/overlay-transition/#post-9813864)
 * Would be great if the transition could be modified in admin on a future release.
 * Any chance you could provide an example of how we can modify with our own JS?
 *  Plugin Author [allurewebsolutions](https://wordpress.org/support/users/allurewebsolutions/)
 * (@allurewebsolutions)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/overlay-transition/#post-9824118)
 * If you look at lines 188 – 192 of this file in the plugin, you will see where
   transition is being defined: [https://github.com/allurewebsolutions/wordpress-post-modal/blob/master/public/js/wp-post-modal-public.js](https://github.com/allurewebsolutions/wordpress-post-modal/blob/master/public/js/wp-post-modal-public.js)
 * To modify it would require a little bit of Javascript/jQuery knowledge, but nothing
   a googling can’t solve.

Viewing 4 replies - 1 through 4 (of 4 total)

 The topic ‘Overlay Transition’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-post-modal.svg)
 * [WP Post Popup](https://wordpress.org/plugins/wp-post-modal/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-post-modal/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-post-modal/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-post-modal/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-post-modal/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-post-modal/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [allurewebsolutions](https://wordpress.org/support/users/allurewebsolutions/)
 * Last activity: [8 years, 9 months ago](https://wordpress.org/support/topic/overlay-transition/#post-9824118)
 * Status: resolved