All Collections
Interactions & CTAs
Consistent and Precise CTA Sizing
Consistent and Precise CTA Sizing

Use the HTML Fullscreen template for complete control over the sizing and positioning of buttons and other elements you wish to overlay.

Updated over a week ago

Our overlay templates allow you to move your overlays around your video and offer great flexibility. However, there may be a scenario where you need exact placement of an overlay element as well as a specified size.

In these circumstances you may want to use our HTML Fullscreen template to add your own HTML in which you can specify exact sizes and locations on the video.

In this example, we'll create a button and add it to the top left corner. Here is the code we will use:

<a href="https://spotlightr.com" style="background: yellow; padding: 10px; font-weight: bold; color: black; display: inline-block; position: absolute; left: 10%; top: 10%;">Spotlightr</a>

This results in exact placement of your overlay and will also work well on mobile. Here is the result:

OK now let's increase the size of the padding like this:

<a href="https://spotlightr.com" style="background: yellow; padding: 30px; font-weight: bold; color: black; display: inline-block; position: absolute; left: 10%; top: 10%;">Spotlightr</a>

And here is the result:

As you can see, the space around the text increased.

Now let's add in another variable to increase the font size: "font-size: 30px;"

Here's how that looks now:

<a href="https://spotlightr.com" style="background: yellow; padding: 30px; font-weight: bold; color: black; font-size: 30px; display: inline-block; position: absolute; left: 10%; top: 10%;">Spotlightr</a>

And here is the result:

As you can see, the full-screen HTML overlay gives you all the flexibility you need to add whatever you want to your videos.

If you need help adding an element please be sure to contact us and we'd be happy to walk you through it! Support can be reached via the chat widget in your Dashboard or via support@spotlightr.com

Did this answer your question?