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?

The page cannot be found

The page you are looking for might have been removed, had its name changed, or is temporarily unavailable. Please make sure you spelled the page name correctly or use the search box.