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.


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

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



  • 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.


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


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


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


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


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


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


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