Layout, Colors, Text, CSS

Basic layout options for Popup Templates.

Layout Settings

  • Enable Header — turn on/off the area that shows the title in the popup

  • Enable Image — turn on/off any featured image display

  • Image Height — predefine the height of the featured image

  • Image Thumbnail Resolution — if you are making the thumbnail large, you may want to use a larger dimension than the default 300x300

  • Enable Body — turn on/off the main content area of the popup

  • Enable Footer — turn on/off the bottom of the popup containing a button

  • Enable Pointer — turn on/off the small triangular pointer on the bottom of the popup

Background Colors

Here, you can set various background colors corresponding to the different elements of the popup.

Text

  • Align — set your text alignment across the popup

  • Header Text — set the text color of the title header

  • Body Text — set the text color of the main content

  • Button Text — set the text color of the footer button

CSS

  • Popup Class — if you want to write your own CSS in a separate file, enter a class here that will be loaded on the parent of the popup, allowing you to target the popup in your CSS

  • Use Custom CSS — if you want to completely rewrite the underlying default CSS that Mapster applies to popups, you can do it here. Please be aware that it's easy to make mistakes doing this, so be careful!

Last updated

Was this helpful?