Zentrierung von social buttons

tobias.pohl

[FONT=lucida sans unicode]Hey Leute,

ich nutze für das social sharing das Plugin WPSocialite, weil es erst bei Hover die Scripte lädt. Schönes Plugin, wenn auch etwas begrenzt, was die Netzwerke angeht.

Leider auch bei der Ausrichtung der Buttons. Ich möchte gerne die Buttons zentrieren. Ich nutze einen Shortcode um das Plugin in ein Text-Widget im Footer zu integrieren. Ich habe es schon mit einem Paragraphen mitsamt entsprechendem text-align versucht - bringt aber nix. Hat jemand eine Idee?

Hier ein Screenshot: [/FONT]http://screencast.com/t/JfelSD3u[FONT=lucida sans unicode]

Und hier der Link zur Seite: http://www.proxpand.com

Danke im Voraus.[/FONT]

Werbepost

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

tobias.pohl

[FONT=lucida sans unicode]Hier das CSS vom Plugin:

CSS

.wpsocialite:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }[/FONT][FONT=lucida sans unicode]
[/FONT]
[FONT=lucida sans unicode]/* visually hidden from HTML5 Boilerplate */[/FONT]
[FONT=lucida sans unicode].wpsocialite .vhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }[/FONT]
[FONT=lucida sans unicode]
[/FONT]
[FONT=lucida sans unicode]
[/FONT]
[FONT=lucida sans unicode]/*[/FONT]
[FONT=lucida sans unicode] * Socialite[/FONT]
[FONT=lucida sans unicode] */[/FONT]
[FONT=lucida sans unicode]
[/FONT]
[FONT=lucida sans unicode]/*[/FONT]
[FONT=lucida sans unicode].socialite-instance { display: none; opacity: 0; }[/FONT]
[FONT=lucida sans unicode].socialite-loaded .socialite-button { display: block; opacity: 1; }[/FONT]
[FONT=lucida sans unicode].socialite-button iframe { max-width: 100%; max-height: 100%; }[/FONT]
[FONT=lucida sans unicode]*/[/FONT]
[FONT=lucida sans unicode]
[/FONT]
[FONT=lucida sans unicode]/*[/FONT]
[FONT=lucida sans unicode] * Socialite Look-a-like defaults[/FONT]
[FONT=lucida sans unicode] */[/FONT]
[FONT=lucida sans unicode]
[/FONT]
[FONT=lucida sans unicode]
[/FONT]
[FONT=lucida sans unicode].wpsocialite.large { display: block; list-style: none; padding: 0; margin: 20px; overflow: visible; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.large > li { display: block; margin: 0; padding: 10px; float: left; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.large .socialite { display: block; position: relative; background: url('social-sprite.png') 0 0 no-repeat; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.large .socialite-loaded { background: none !important; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.large .twitter-share { width: 55px; height: 65px; background-position: 0 0; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.large .googleplus-one { width: 50px; height: 65px; background-position: -75px 0; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.large .facebook-like { width: 50px; height: 65px; background-position: -145px 0; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.large .linkedin-share { width: 60px; height: 65px; background-position: -215px 0; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.large .pinterest-pinit { width: 50px; height: 65px; background-position: -367px 0; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.large .stumbleupon-share { width: 50px; height: 65px; background-position: -439px 0; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.large .twitter-follow { width: 56px; height: 65px; background-position: -509px 0; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.large .twitter-follow.socialite-loaded{ width:100%; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.large .vkontakte-like { width: 50px; height: 65px; background:red; }[/FONT]
[FONT=lucida sans unicode]/*[/FONT]
[FONT=lucida sans unicode] * Socialite Custom Default[/FONT]
[FONT=lucida sans unicode] */[/FONT]
[FONT=lucida sans unicode]
[/FONT]
[FONT=lucida sans unicode]
[/FONT]
[FONT=lucida sans unicode]/* .small-load { margin: 0 0 0.625em 0; font-weight: bold; padding: 5px; } */[/FONT]
[FONT=lucida sans unicode]
[/FONT]
[FONT=lucida sans unicode].wpsocialite.small { display: block; list-style: none; padding: 10px; margin: 10px; overflow: visible; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.small > li { margin: 0; display:inline; float:left; width:20%; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.small .socialite { display: block; position: relative; width: 150px; height: 30px; background: url('custom-default.png') 0 0 no-repeat; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.small .socialite-loaded { background: none; }[/FONT]
[FONT=lucida sans unicode]
[/FONT]
[FONT=lucida sans unicode].wpsocialite.small .twitter-share { background-position: 0 0; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.small .googleplus-one { background-position: 0 -45px; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.small .facebook-like { background-position: 0 -90px; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.small .linkedin-share { background-position: 0 -135px; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.small .pinterest-pinit { background-position: 0 -175px; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.small .stumbleupon-share { background-position: 0 -225px; }[/FONT]
[FONT=lucida sans unicode].wpsocialite.small .twitter-follow.socialite-loaded{ width:200px; }

Alles anzeigen

[/FONT]

tobias.pohl

[FONT=lucida sans unicode]Keiner? Das Problem besteht ja darin, dass die kleinen Divs der Buttons linksbündig hintereinander sind.[/FONT]

tobias.pohl

[FONT=lucida sans unicode]Hat sich erledigt, da das Plugin nur Probleme verursacht. Deswegen habe ich es entfernt. Vielen Dank trotzdem![/FONT]

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Zentrierung von social buttons

Jetzt mitmachen!