[Elementor Builder] 밑줄 편집하기

엘리멘터는 서체에서 밑줄 기능이 있지만 자세한 기능은 없다.

대충 이렇게 비좁게 나온다..

첨엔 타이틀쓰고 Border-bottom 과 Padding-bottom으로 만들어서 밑줄처럼 보이게도 했다.

하지만 두줄이라면??

<div style="display:inline-block;border-bottom:1px solid #000;padding-bottom:10px;">
  미래로 세계로<br>힘차게 나아가겠습니다.
</div>

첫줄에는 밑줄이 적용되지 않는다.

그래서 밑줄 사이 간격을 조금 늘려주는 css를 찾았다.

이왕 요청한 김에 색깔도 넣었다.

요소 {
  text-underline-position: under;
  -webkit-text-decoration-color: #777777 !important;
  text-decoration-color: #777777 !important;
}

이제 좀 볼만하다.