Skocz do zawartości
Szukaj na Pecetowiczu
  • Utwórz konto

Usunięcie ikonki obok rangi graficznej w CSS | Invision Community


Przejdź do rekomendacji Rozwiązane przez Marves,
Rekomendowane odpowiedzi

Cześć. Robię właśnie rangi graficzne w CSS. Mam problem, gdyż po stworzeniu owej rangi, pojawia się obok ikona: 

12313.PNG.5107438bc5aeee4afb2a34e1554c77cd.PNG

Jak mogę ją usunąć?

kod:

.ipsComment_author .wla {
    background: rgb(223, 18, 18);
    background: linear-gradient(120deg, rgb(223, 18, 18) 0%, rgb(143, 9, 9) 100%);
}
.ipsComment_author .wla {
    background-color: #8d8888;
    border-radius: 4px;
    color: #ffffff;
    margin-top: 8px;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 25px!important;
    width: 180px;
    text-shadow: none;
    vertical-align: middle;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    box-shadow: 0 -3px 0 rgb(0 0 0 / 20%) inset;
}
Odnośnik do komentarza
Udostępnij na innych stronach

(edytowane)

Nie masz jej czasem dodanej w "format loginu"? Nie wiem czy jest coś takiego w IPS, bo nigdy nie pracowałem z tym silnikiem, ale to wygląda tak jakbyś miał to w konfiguracji rangi dodane. Tam gdzie stylujesz daną rangę (przypisujesz jej klase).

Edytowane przez K1ingu
Odnośnik do komentarza
Udostępnij na innych stronach

  • Rekomendowana odpowiedź

Rozwiązanie podesłane przez pawła:

[data-role="group"]>span i[class*="fa"] {display: none;}

Kod należy wrzucić do custom.css

Odnośnik do komentarza
Udostępnij na innych stronach

Nie rozumiem zbytnio po co Ci w kodzie span w spanie?

<div class="pc-memberGroup">
	<p data-role="group">
      	<span class="rank_yt rank_client">
          	<i class="far fa-user" aria-hidden="true"></i>
          	<span class="defaultGroup uzy">Użytkownik</span>
      	</span>
  	</p>
 </div>

Wystarczy skrócić kod i wtedy będziesz miał nawet ikonki w randze.

<div class="pc-memberGroup">
	<p data-role="group">
		<span class="rank_yt rank_client defaultGroup uzy">
			<i class="far fa-user" aria-hidden="true"></i> Użytkownik
		</span>
  	</p>
 </div>
Odnośnik do komentarza
Udostępnij na innych stronach

Kontynuuj dyskusję

Dołącz do Pecetowicza, aby kontynuować dyskusję w tym wątku.

  • Dodaj nową pozycję...
  • Dodaj nową pozycję...