How do I style a pop-up?

[AndyKubrin]

How do I style the type in a pop-up? In the attached screen shot, the text seems to faint and too small to me. I want to set the color to #00000 and bump up the size to 14 or 16 px.

There must be a way. Can someone tell me?

[Brian_McLeer]

@AndyKubrin when I look at the pop up settings, it looks like the HTML is in plain text. You might need to click Source button first, then apply HTML, exit source, then save. 

When I apply the below code, this is how it looks for me. I did not save the web map, but this may work for you. 

<div style="font-family:sans-serif;">
  <h3 style="color:#1F77B5;">
    <strong>{Site}: {Location}</strong>
  </h3>
  <table style="font-family:sans-serif; width:100%; border-collapse: collapse;">
    <tr>
      <th style="text-align:left; border: 1px solid #ccc; padding: 6px;">Latitude</th>
      <td style="border: 1px solid #ccc; padding: 6px;">{Latitude}</td>
    </tr>
    <tr>
      <th style="text-align:left; border: 1px solid #ccc; padding: 6px;">Longitude</th>
      <td style="border: 1px solid #ccc; padding: 6px;">{Longitude}</td>
    </tr>
    <tr>
      <th style="text-align:left; border: 1px solid #ccc; padding: 6px;">Notes</th>
      <td style="border: 1px solid #ccc; padding: 6px;">{Note}</td>
    </tr>
  </table>
</div>

[AndyKubrin · Accepted solution]

That did it! Thanks, @Brian_McLeer !

[Brian_McLeer]

Glad it worked! Found this article as well which may be useful.

https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/authoring-pop-ups-using-html-source-...