Undeline plugin.

Squarespace 7.0 and 7.1

LIVE DEMO


1. Paste code to the Custom CSS (In the Home Menu, click Design, and then click Custom CSS.)

@underline-color: '409d93'; /* you can change color of the line. Use hex code withot "#". Here is #409d93 color.*/

.sqs-block.html-block{
  h2{/*Change h2 to p (paragraph) or h1/h3/h4 if needs*/
  strong em, em strong{font-style:normal;font-weight: normal;position: relative;z-index: 1;&:after{content: '';display: block;position: absolute;width: 100%;height: 100%;left: 0;right: 0;bottom: -36%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='351.39' height='38.8' viewBox='0 0 351.39 38.8'%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' fill='%23@{underline-color}' d='M341.17,38.8c0-.05.07-.07,0-.2l0-.31L341,37.9a3.66,3.66,0,0,0-.41-.83l-.24-.43L340,36.2a18.66,18.66,0,0,0-3.25-3.36,43.43,43.43,0,0,0-8.73-5.38,126.8,126.8,0,0,0-20.14-7.17c-1.72-.53-3.48-.93-5.23-1.35s-3.49-.87-5.26-1.26c-3.55-.72-7.1-1.48-10.67-2.13L276,13.71l-10.81-1.6c-28.88-4-58-6.14-87.22-7.21-7.29-.34-14.59-.39-21.89-.54s-14.6-.1-21.9-.11-14.6.17-21.89.33c-3.65.09-7.3.16-10.94.32l-10.93.54L79.49,6c-3.64.22-7.28.52-10.92.78-7.27.57-14.56,1-21.81,1.8L35.88,9.69c-3.63.38-7.26.71-10.87,1.22L3.32,13.79H3.24a2.86,2.86,0,0,1-.75-5.68h.06L24.42,5.69c3.64-.46,7.3-.72,11-1l11-.94c7.3-.7,14.62-1.09,21.93-1.57,3.66-.22,7.31-.49,11-.68l11-.44,11-.44c3.66-.13,7.33-.14,11-.24,7.33-.16,14.65-.38,22-.32s14.66-.08,22,.12,14.65.22,22,.56,14.65.53,22,1l11,.6,11,.8c7.31.49,14.61,1.17,21.92,1.82,3.65.29,7.3.75,10.94,1.13s7.3.75,10.94,1.22l10.93,1.36,10.91,1.61c3.63.58,7.26,1.25,10.9,1.85,1.82.34,3.63.74,5.45,1.11s3.64.73,5.44,1.21a135.79,135.79,0,0,1,21.4,6.8c1.75.76,3.51,1.49,5.25,2.37s3.48,1.79,5.23,2.78A36.79,36.79,0,0,1,346.49,30l.64.54.63.63A15.21,15.21,0,0,1,349,32.52c.21.25.41.49.61.76l.59.9a8.93,8.93,0,0,1,.59,1.06l.14.29.15.38.14.39a2.49,2.49,0,0,1,.08.32l.08.43C348.63,37.47,341.16,38.81,341.17,38.8Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");background-size: contain;background-repeat: no-repeat;background-position: center;z-index: -1;}}}}

2. Highlight a text with a strong+italic style for underlining. You can change the size of the highlighted text. Please check the comments in the code above.

plugin-screen.png