Customize Bouncer using CSS

By default, Bouncer inherits styles from your theme. Depending on how your theme is set up, these styles may not carry over in the best way possible.

However, the pop-up and the background image can be styled with CSS code.

A basic understanding of HTML and CSS code may be required to customize the pop-up and background image to your liking. If you can't seem to figure it out, we offer an Expert Install Service where we take care of the installation for you. Check out this article for more information.

The <div> element that contains the background image has the following ID:

#bouncer_modal_bg

The pop-up itself has the following ID:

#bouncer_modal

The various element IDs within the pop-up are as follows:

#bouncer_modal_subheading
#bouncer_modal_datepicker select 
#bouncer_modal_submit
#bouncer_modal_exit

Be sure to use the !important flag with style declarations to override predefined attributes.