JS access after

by Ben Clayton

HTML

<div class="cc_header">
  <div class="logged_in_user">
    xx
  </div>
</div>
<hr>
<div class="cc_header2">
  <div class="logged_in_user">
    xx
    <div class="icon">&#xeb05;
    </div>YY
  </div>
</div>
Fonts won't show correctly as the font cannot be loaded due to being blocked by a Cross Domain CORS policy!

CSS

@font-face {
  font-family: 'icomoon-ultimate';
  src: url(//www.lucozadesport.com/typefaces/icomoon-ultimate.eot?);
  src: url(//www.lucozadesport.com/typefaces/icomoon-ultimate.eot?#iefix) format("embedded-opentype"), url(//www.lucozadesport.com/typefaces/icomoon-ultimate.woff?) format("woff"), url(/typefaces/icomoon-ultimate.ttf?) format("truetype"), url(//www.lucozadesport.com/typefaces/icomoon-ultimate.svg?#icomoon-ultimate) format("svg");
  font-weight: 400;
  font-style: normal
}

.cc_header .logged_in_user:after {
  content: '\eb05';
  font-size: 1rem;
  line-height: 1rem;
  font-family: "icomoon-ultimate";
  margin: 0 20px;
  background-color: rgba(255, 255, 255, 1);
  padding: 10px;
  border-radius: 50%;
  position: relative;
  z-index: 25;
  border: 1px solid #D9D9D9;
}

.cc_header2 .logged_in_user .icon {
  font-size: 1rem;
  line-height: 1rem;
  font-family: "icomoon-ultimate";
  margin: 0 20px;
  background-color: rgba(255, 1, 1, 1);
  padding: 10px;
  border-radius: 50%;
  position: relative;
  z-index: 25;
  border: 1px solid #D9D9D9;
  display: inline-block;
}

JavaScript

$(".icon").html("&#xeb07;");