Customizing CSS

You may override any of the CSS for the prompt styles available within the platform using the following CSS classes.

Property

Description

.pushly-prompt-slide

Controls the general slide prompt border, shadow, size, and positioning.

.pushly-prompt-slide .pushly-prompt-icon

Defines max-width, height, and positioning for the prompt icon container: position top when using stacked layout, position left when using standard layout.

.pushly-prompt-slide .pushly-prompt-icon img

Defines style for the prompt icon.

.pushly-prompt-slide .pushly-prompt-content

Controls the container for the prompt message and actions. Defines max-width, height, and positioning for the prompt content: position lower when using stacked layout, position right when using standard layout.

.pushly-prompt-slide .pushly-prompt-content .pushly-prompt-message

Controls the container for the prompt message.

pushly-prompt-slide .pushly-prompt-content .pushly-prompt-message-headline

Defines the style for the prompt headline.

.pushly-prompt-slide .pushly-prompt-content .pushly-prompt-message-subheadline

Defines the style for the prompt sub-headline.

.pushly-prompt-slide .pushly-prompt-content .pushly-prompt-actions

Defines the style for the prompt sub-headline.

.pushly-prompt-slide .pushly-prompt-content button.pushly-prompt-buttons-dismiss

Defines style for the prompt dismiss button.

.pushly-prompt-slide .pushly-prompt-content button.pushly-prompt-buttons-allow

Defines style for the prompt allow button.