Title: Styling
Last modified: August 21, 2016

---

# Styling

 *  Resolved [Andreas Linde](https://wordpress.org/support/users/andreas-linde/)
 * (@andreas-linde)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/styling-22/)
 * I have created a popup here: [http://simplytea.dk/](http://simplytea.dk/)
 * The problem is that the black background around the popup isn’t visible in the
   bottom.
 * You can see here: [http://simplytea.dk/wp-content/uploads/2013/12/Skærmbillede-2013-12-15-kl.-10.45.26.png](http://simplytea.dk/wp-content/uploads/2013/12/Skærmbillede-2013-12-15-kl.-10.45.26.png)
 * How do I fix it?
 * [http://wordpress.org/plugins/wordpress-popup/](http://wordpress.org/plugins/wordpress-popup/)

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

 *  [Predrag – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support1/)
 * (@wpmudev-support1)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/styling-22/#post-4414867)
 * Hi Andreas,
 * I hope you are well today and thank you for your question.
 * I checked your site and found that the size of pop over content is greater than
   the height and width of pop over you have defined in pop over Appearance settings
   therefore it is getting cut.
 * To fix it either increase the height and width of pop over or remove it at all
   from pop over Appearance settings.
 * Best Regards,
 *  Thread Starter [Andreas Linde](https://wordpress.org/support/users/andreas-linde/)
 * (@andreas-linde)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/styling-22/#post-4414881)
 * I have tried removing the height and width but it still doesn’t work. Javascript
   is enabled to resize and center the popup. Is that the problem?
 *  [Predrag – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support1/)
 * (@wpmudev-support1)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/styling-22/#post-4414903)
 * Hi Andreas,
 * The Javascript should not generate any problem but for testing just try disabling
   it.
 * Let me know which version of WordPress and PopUp plugin you are using.
 * Please share me the screenshot of pop up settings by uploading it on [http://imgur.com/](http://imgur.com/)
   and posting the image link here.
 * Kind Regards,
 *  Thread Starter [Andreas Linde](https://wordpress.org/support/users/andreas-linde/)
 * (@andreas-linde)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/styling-22/#post-4414918)
 * WordPress is version 3.8 and popup is 4.4.5.4
 * Screenshot: [http://imgur.com/FW3PwNA](http://imgur.com/FW3PwNA)
 *  [Predrag – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support1/)
 * (@wpmudev-support1)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/styling-22/#post-4414927)
 * Hi Andreas,
 * Thank you for sharing the scrrenshot.
 * I could reproduce the same issue on my test site using the same configuration
   you are using.
 * The problem is this that you have applied the padding to the #message div adding
   the following code in stylesheet file of your theme.
 *     ```
       div#message {
       padding: 10px;
       }
       ```
   
 * When using Javascript method to center the popover it doesn’t consider the padding
   when computing height and width of #message div as it uses height() and width()
   methods instead of innerHeight() and innerWidth() methods respectively.
 * I have notified this to the developer to fix in the plugin.
 * In the meanwhile you can just change the code in the plugin file wordpress-popup/
   popoverincludes/js/popoverlegacy.js on line number 47 and 48 as displayed below
 * Before Editing:
 *     ```
       jQuery('#' + popover.divname ).width(jQuery('#message').width());
       jQuery('#' + popover.divname ).height(jQuery('#message').height());
       ```
   
 * After Editing:
 *     ```
       jQuery('#' + popover.divname ).width(jQuery('#message').innerWidth());
       jQuery('#' + popover.divname ).height(jQuery('#message').innerHeight());
       ```
   
 * Please advise if you have more questions.
 * Regards,
 *  Plugin Author [WPMU DEV – Your All-in-One WordPress Platform](https://wordpress.org/support/users/wpmudev/)
 * (@wpmudev)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/styling-22/#post-4415011)
 * Hey there.
 * We haven’t heard from you in awhile, so I just wanted to check in to make sure
   all was good.
 * This thread was marked resolved, but please, if you still need help then just
   respond and open it back up. We can then take it from there. 🙂
 * Hope you have a fantastic day!

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

The topic ‘Styling’ is closed to new replies.

 * ![](https://ps.w.org/wordpress-popup/assets/icon-256x256.gif?rev=3446944)
 * [Hustle - Email Marketing, Lead Generation, Optins, Popups](https://wordpress.org/plugins/wordpress-popup/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wordpress-popup/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wordpress-popup/)
 * [Active Topics](https://wordpress.org/support/plugin/wordpress-popup/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wordpress-popup/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wordpress-popup/reviews/)

 * 6 replies
 * 3 participants
 * Last reply from: [WPMU DEV – Your All-in-One WordPress Platform](https://wordpress.org/support/users/wpmudev/)
 * Last activity: [12 years, 4 months ago](https://wordpress.org/support/topic/styling-22/#post-4415011)
 * Status: resolved