menu
close

#Appearances

Just as you can modify the colors and global design of Poool's paywall in the appearance tab of your Dashboard, you can also do this using code.
This front-end customization is especially useful when Access.js isn't able to retrieve the configuration used in your Dashboard.
ℹ️ These configuration values are overridden by your Dashboard configuration.

#Usage

.styles(optionName: String, optionValue: String, readOnly?: Boolean): this

.styles(options: Object, readOnly?: Boolean): this

#Options

#layout

  • Type: String
  • Accepted values: 'portrait', 'landscape'
  • Default: 'portrait'
Defines the base layout of the paywall.
  • portrait: most suited to fairly wide page layouts such as featured articles or exclusive previews. Displays a block of obfuscated lines of text in the background of the paywall.
  • landscape: most suited to fairly small page layouts such as articles with a side bar on the right-hand side for example.

brand_logo

  • Type: String
  • Default: null
URL to your media's logo.
.png, .jpg or .svg format, 140px min height, 200kb max.

#brand_cover

  • Type: String
  • Default: null
URL to your cover image.
.png or .jpg format, 140px min width, 380px min height, 200kb max

#button_color

  • Type: String
  • Default: '#1896B4'
Main buttons color.

#button_hover_color

  • Type: String
  • Default: '#0E6176'
Main buttons hover color.

#skin_color

  • Type: String
  • Default: '#4A90E2'
Paywall's skin color.

#premium_color

  • Type: String
  • Default: '#1896B4'
Subscription color.

#custom_css

  • Type: String
  • Default: null
Custom CSS added inside the paywall frame.