Hey! This content applies only to previous CARTO products

Please check if it's relevant to your use case. On October 2021 we released a new version of our platform.
You can learn more and read the latest documentation at docs.carto.com

Questions  /  Building Maps  /  Builder

How can I change the style of a Pop-Up?

Learn how to create custom popups in Builder.

You can change the look of a Pop-Up by editing its HTML with inline styles. For example, to make the width of a click Pop-Up 150px you can choose initial settings in the POP-UP HOVER panel with it’s toggle set to Values, then click on the toggle to change it to HTML. Add a style attribute to the first div, and use it to define a 150 pixel maximum width as shown below.

<div class="CDB-infowindow CDB-infowindow--light js-infowindow" style="max-width:150px">

Please note that scripts should not be included in the HTML panel.