Größer der Icons/Symbole der Sidebar anpassen

  • Hallo,

    könnt ihr mir zufällig helfen, ein paar Logos in der Sidebar auf die richtige Größe anzupassen ?
    90 % der Logos passen mit passen perfekt mit dem "<a", "</a>"

    Einige Logos/Icons welche ich mit diesen Befehl formatieren will, sind überproportional dann in der Menüleiste :/
    Wenn ich den Befehl weglasse, ist das Logo viel zu klein und auch nicht mittig im Menü.

    Welche Befehle stehen mir bei dieser Größenanpassung zur Verfügung ?

    Unter http://www.freakshow.at (ganz unten, die Cloud/Wolke) seht Ihr mein Problem.

    Bin über jegliche Hilfe von euch sehr dankbar.

    Lg

    Einmal editiert, zuletzt von FreakShow (19. Dezember 2015 um 10:04)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Du könntest es z. B. mit

    Code
    #social-links .fa-mixcloud:before{content:"\f289";font-size:27px;}


    versuchen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Du könntest es z. B. mit

    Code
    #social-links .fa-mixcloud:before{content:"\f289";font-size:27px;}


    versuchen.

    Sorry, bin Anfänger .. Hast du das so gemeint:

    Zitat

    #social-links a, a:hover { color: #ffffff;
    display: table;
    text-decoration: none;
    font-size: 40px;
    fa-mixcloud:before{content:"\f289";font-size:27px;}

  • Nein, einfach den genannten Code ganz unten in die style.css deines Themes einfügen oder aber über ein CustomCSS Plugin.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Nein, einfach den genannten Code ganz unten in die style.css deines Themes einfügen oder aber über ein CustomCSS Plugin.

    Das bewirkt leider gar nix im sytle.css :/

    Der Code ist so richtig ?

    #social-links .fa-mixcloud:before{content:"\f289";font-size:27px;}

  • dann schreib mal ein !important dahinter:
    #social-links .fa-mixcloud:before{content:"\f289";font-size:27px !important;}

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Wo und wie hast du es denn jetzt genau eingefügt?

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Hab jetzt den Code angepasst, es scheint so als würde es funktionieren :)

    #social-links a, a:hover {
    color: #ffffff;
    display: table;
    text-decoration: none;
    font-size: 40px;}
    .fa-mixcloud:before{content:"\f289";font-size:27px !important;}

    Edit:

    Der Fehler war, dass es schon eine Sektion mit #social-links gab :)

    Einmal editiert, zuletzt von FreakShow (24. Dezember 2015 um 02:25)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!