جایگزینی لوگو به جای متن حساب کاربری

درود...
این کد زیر پیدا کنید و این متن و آیکون png توی CSS حذف کنید و بهش فونت ایکون بده...

<ul class="profile-nav">
      <li class="fn-opener" style=""><a href="javascript:void(0);" title="حساب کاربری من"><i class="fas fa-user"></i></a></li>
     <li class="login_lightbox" style="display: none;"><a href="javascript:void(0);" title="ورود">ورود</a></li>
</ul>

CSS:

.ribbon li:first-child {
    background-image: url(https://royanhome.ir/wp-content/uploads/2022/05/IMG-20220509-WA0038-removebg-preview.png);
    background-repeat: no-repeat;
    background-position: top;
    z-index: 1;
    color: #ede8e824;
}

کد CSS رو حذف کنید و کد زیر جایگزین آن کد قبلی کنید :

i.fas.fa-user.fa-3x {
    margin-right: 25px;
}

پیش نمایش :