Sociable PlugIn: Kann jemand ein kleines Problem lösen?

funkytown

Hallo.

Ich hab das Sociable PlugIn installiert. So sieht es auf der single.php aus:
Kunstmesse art.metz sucht saarländische Künstler und Galeristen | SaarPressePortal

Wie Ihr seht, hakeln die Icons wenn man mit der Maus drüber geht. Wie kann ich das Problem beheben? Und wie bekomme ich die Icons enger aneinander?

Vielen Dank für die Hilfe.

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

Baracudagirl

Hi,

Du hast im CSS (style.css) unter Linie 728 folgendes definiert:

Code

.entry img, .post a img, #front-list img {
    border:1px solid #ccc;
    margin:0 10px 5px 0;
    padding:2px;
    }

Die Werte

margin:0 10px 5px 0;
padding:2px;
Werden logischer Weise auch auf Deine-Social Pics angewendet, da dies von o.g. Klassen (zumindest teilweise) betroffen sind.

Daher ist die Reaktion logisch

funkytown

Danke für die schnelle Antwort. Wie kann ich denn das Sociable PlugIn von dieser Regel ausnehmen?

maxe

da gibt es mehrere, die einfachste wär vielleicht, wenn du für hover vom sociable den gleichen margin und padding festlegst wie für die anderen Grafiken. Dazu musst du die Formatierungen in der sociable.css mit deinen eingenen in der style.css "überschreiben" (!important):

CSS

.sociable a:hover img {
    margin: 0 10px 5px 0 !important;
    padding: 2px !important;
}

funkytown

Das verwirrt mich jetzt.

Du meinst ich soll den Code aus der sociable.css in die style.css einfügen bzw. ersetzen oder umgekehrt?

Kann ich denn nicht einfach die sociable.css anpassen?

maxe

wenn du was an der sociable.css machst und dann für das Plugin ein update einspielst, dann musst du jedes Mal die Änderungen wieder machen.
Kannst du natürlich auch, deswegen schrieb ich ja, dass es mehrere Wege gibt.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sociable PlugIn: Kann jemand ein kleines Problem lösen?

Jetzt mitmachen!