Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • February 20, 2014 at 10:22 pm #227079
    mschwerer

    hi,
    wie und wo kann ich die Social Icons austauschen. Ich finde sie zu klein und zu dezent. Habe die Erfahrung gesammelt, dass sie kaum bis gar nicht wahrgenommen werden

    Gruss Markus

    February 21, 2014 at 2:10 am #227186
    Yigit

    Hey Markus!

    You can go to Enfold theme options > Header tab and add/change/remove social icons http://i.imgur.com/dvBrhjn.jpg
    Then you can add following code to Quick CSS in Enfold theme options under Styling tab to increase the size of social icons

    #top .social_bookmarks li a { font-size: 18px; }

    Regards,
    Yigit

    February 21, 2014 at 10:24 am #227339
    mschwerer

    Hi Yigit,

    danke, wenn ich z.B. 30px eingebe, dann geht der äußere Ring in der Größe nicht mit. Und der Abstand ist zu eng zu den anderen Symbolen. Wie kann ich das anpassen – speziell auf 30px und größer?

    http://www.echtfreiburg.de/Beispiel.jpg

    Danke – Markus

    February 21, 2014 at 12:16 pm #227396
    Dude

    Hey!

    Der äußere Ring wird vermutlich durch ein border-radius Attribut erzeugt. Versuche einmal folgenden Code:

    
#top .social_bookmarks li a {
border-radius: 30px;
}

    in das Quick CSS Feld einzugeben und ändere den px Wert nach Belieben. Falls der Code nicht funktioniert probiere:

    
#top .social_bookmarks li {
border-radius: 30px;
}

    und ändere den px Wert nach Belieben.

    Regards,
    Peter

    February 21, 2014 at 12:23 pm #227404
    mschwerer

    Hi Peter,

    vielen dank erstmal. Ändert jedoch die Größe des Ringes nicht … noch eine Idee?

    Gruss – Markus

    February 21, 2014 at 12:32 pm #227410
    Dude

    Hey!

    Bitte poste einen Link zu den “Ringen”.

    Cheers!
    Peter

    February 21, 2014 at 12:40 pm #227416
    mschwerer

    http://www.echtfreiburg.de/Beispiel.jpg

    February 21, 2014 at 1:09 pm #227441
    Dude

    Hey!

    Das ist ein Screenshot und kein Link :)

    Regards,
    Peter

    February 21, 2014 at 1:12 pm #227444
    mschwerer

    ;-)

    http://www.echtfreiburg.de

    February 21, 2014 at 1:23 pm #227451
    Dude

    Hi!

    Versuche einmal folgenden CSS Code:

    
#top #wrap_all .social_bookmarks {
height: 50px;
}

#top #wrap_all .social_bookmarks li, #top #wrap_all .social_bookmarks li a {
width: 50px;
line-height: 50px;
min-height: 50px;
font-size: 30px;
}

#wrap_all #header_main .social_bookmarks li a {
border-radius: 50px;
}

    Best regards,
    Peter

    February 21, 2014 at 2:07 pm #227475
    mschwerer

    Hi,

    die Ringe werden nicht größer, sondern gestreckter, und die Abstände zwischen den icons kann man nicht verändern …

    February 22, 2014 at 11:39 am #227860
    Dude

    Hey!

    Ich habe den Code etwas abgeändert. Bitte versuche es noch einmal.

    Best regards,
    Peter

    February 22, 2014 at 6:02 pm #227923
    mschwerer

    … und wo ist er?
    ;-)

    February 23, 2014 at 4:40 am #228051
    Ismael

    Hi!

    I guess Dude is referring to this code:

    #top #wrap_all .social_bookmarks {
height: 50px;
}

#top #wrap_all .social_bookmarks li, #top #wrap_all .social_bookmarks li a {
width: 50px;
line-height: 50px;
min-height: 50px;
font-size: 30px;
}

#wrap_all #header_main .social_bookmarks li a {
border-radius: 50px;
}

    Best regards,
    Ismael

    February 24, 2014 at 11:06 am #228410
    mschwerer

    Hi,

    der passt ;-)

    #top #wrap_all .social_bookmarks li, #top #wrap_all .social_bookmarks li a {
    width: 50px;
    line-height: 50px;
    min-height: 50px;
    font-size: 30px;
    }

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Social icons austauschen’ is closed to new replies.