How to Style Your Notifications using ‘Advanced Design’?

How To Style Your Notifications Using ‘Advanced Design’? #

NotificationX offers lots of wonderful themes to design your notification alert templates. Most impressively, it also allows you to personalize the design according to your preferences & take it to a new level with just a few clicks using ‘Advanced Designs’. Let’s find out how:

From NotificationX Builder, after you are done configuring the ‘Source’ tab, you will then be redirected to the ‘Design’ tab. From where you will be able to modify your chosen Theme by customizing it through the 「高度なデザイン」 option. Based on the ‘Source’ type & the template you have chosen for your notification alert, you will be able to style the layout, typography, and image appearance.

Advanced designs

から '設計' section, You can add a background or text color for the notification popup. If you want, you can even add a border and style it to make the entire layout more appealing to instantly grab attention from your site visitors.

高度なデザイン

Besides, you have the freedom to play around with the image layout as well. From the 「画像の外観」 section, you can change the shape of the Image out of these 4 available patterns: Circle, Rounded, Square & Custom. For the ‘Custom’ shape, you can define a border-radius to get the expected outcome. You can even choose a position where you want to display the image inside the notification as well. Moreover, from the 'タイポグラフィ' section, you can change the Font Size for the entire notification popup.

Advanced Designs

This is how you can easily Style your Notifications using ‘Advanced Design '. Getting Stuck? Feel free to reach out to our dedicated 支援チーム.

搭載 BetterDocs