1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Kreis um fa Icon

Dieses Thema im Forum "Design" wurde erstellt von Sabbel92, 16. April 2016.

  1. Sabbel92

    Sabbel92 Active Member

    Registriert seit:
    7. September 2015
    Beiträge:
    34
    Zustimmungen:
    0
    Hallo Leute

    ich möchte in weißes fa icon (fa-wrench) um dass ein gefüllter Kreis ist.
    Wie kann ich das in CSS realisieren?

    Es soll in dieser Art aussehen :

    2016-04-16_21-59-16.png

    LG
    Sabbel
     
  2. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.858
    Zustimmungen:
    435
  3. Sabbel92

    Sabbel92 Active Member

    Registriert seit:
    7. September 2015
    Beiträge:
    34
    Zustimmungen:
    0
    Cool .. danke ...

    habe die zweit variante genutzt.
    Aber das icon ist grau .. wie kann ich die farbe in weiss ändern?
    html:
    <p><span class="fa-stack fa-4x"><br /> <i class="fa fa-circle fa-stack-2x icon-background"></i><br /> <i class="fa fa-wrench fa-stack-1x"></i><br /> </span></p>
    css:

    .icon-background {
    color: #402000;
    }

    LG
    Sabbel
     
  4. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.858
    Zustimmungen:
    435
    Link zur Seite bitte
     
  5. Sabbel92

    Sabbel92 Active Member

    Registriert seit:
    7. September 2015
    Beiträge:
    34
    Zustimmungen:
    0
  6. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.858
    Zustimmungen:
    435
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  7. Sabbel92

    Sabbel92 Active Member

    Registriert seit:
    7. September 2015
    Beiträge:
    34
    Zustimmungen:
    0
    Vielen Dank für die Hilfe.

    Ich habe folgendes umgesetzt :
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Kann mir jemand Helfen ?

    Es soll so sein, dass es ohne die beiden definierten Div Container umgesetzt wird.
    Dass heisst dass das Icon mit before vor den gesammten Text kommt.

    Wenn ich es verusche erhalte ich immer nur einen Rahmen um das Bild.

    LG

    Sabbel
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden