JSFiddle - React, Tailwind, and code Playground

by learningforever

HTML

<form id="embedded-subscribe" onsubmit="return false;"><div class="bloom-popup"><a href="https://cafe.naver.com/wphomepage" target="_blank" style="color: white; text-decoration:none;" rel="noopener nofollow" onclick="closeNav()">네이버 카페 방문하고 계속 읽기</a></div>
<p class="bloom-credit"  style="font-size: 1.12em; text-decoration:none; padding:10px;">카페에서 워드프레스 정보를 공유하실 수 있습니다.</p>
<button class="submit-form" type="submit" style="visibility: hidden;">S</button></form>

CSS

span.et_bloom_close_button { visibility: hidden; } .et_bloom .et_bloom_form_container .et_bloom_form_header { display: none; } .bloom-popup a { padding: 22px !important; font-size: 1.27em !important; font-weight: 600 !important; background: #0887ed; text-align: center; display: block; border-radius: 30px; } .bloom-credit { text-align: center; padding: 25px 10px !important; line-height: 1.6em !important;} .bloom-back { text-align:center; } :lang(ja) .et_bloom .et_bloom_popup { display: none !important; } /* .et_bloom .et_bloom_optin .et_bloom_form_content, .et_bloom_optin, .et_bloom_optin .et_bloom_popup_container { background: none !Important; } */ .bloom-popup a:hover { background: #007cff; }

.bloom-popup a:before {

  display: inline-block;
  content: "\00d7";
  position: absolute;
  top: 10px;
  right: 30px;
  font-size: 0.75em;
  color: #c7c7c7;
  }

JavaScript

function closeNav() {
document.getElementsByClassName('submit-form')[0].click();
document.getElementsByClassName('et_bloom_close_button')[0].click(); 
}