How to Customize Overlays in the Template Editor


Picreel gives you control over customizing the look and feel of your overlay using HTML/CSS. You can change the colors of different elements of an overlay, adjust the transparency of its background, and more.


Benefits of customizing overlays in the template editor:


1. More control over customizable settings

2. Improved conversion due to enhanced overlay appearance


To change the colors and transparency of the background in the template editor:

Step 1: Open the HTML/CSS editor on the ‘Edit Design’ page. Here, you may add additional fields, buttons, change fonts, sizes, etc.


Navigating to the HTML editor in the edit section of a campaign


Step 2: Add the following snippet to the HTML window:


Adding this snippet code to the HTML editor


Step 3: Change the value field to your desired value:


Changing the default values to change the color and transparency of the background


Note: Seek the developer’s assistance for this step


Step 4: Click ‘Save’ to finalize the changes.


That is all about modifying colors and adjusting the transparency of the pop-up background using the template editor.



Was this information helpful?
© 2005 - 2023 ProProfs