Customizing Prompt 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.
Last updated