Support » Plugins » Photo Gallery. Bekomme CSS nicht überschrieben

  • pixel2404

    (@pixel2404)


    Hallo zusammen,

    ich erstelle gerade meinen privaten Reise-Fotoblog. Ist aber noch Baustelle 🙂

    Habe WordPress 5.6.2 und Photo Gallery Version: 1.5.69 installiert. Das hat auc soweit alle funktioniert. Bei Einbinden der Gallerie habe ich jedoch einen leichten Versatz durch marging und padding. Zu sehen unter:

    https://www.dreampixel.de/gallery/

    Wenn ich das Objekt mit der Firefox-Konsole untersuche ist der Schuldige auch schnell gefunden. Hier wird mir:

    #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails {
        width: 404px;
        justify-content: center;
        margin: 0 auto !important;
        background-color: rgba(255, 255, 255, 0.00);
        padding-left: 4px;
        padding-top: 4px;
        max-width: 100%;
    }

    augegeben. ändere ich hier direkt margin den zweiten Wert auf 0 und die beiden paadings auf 0 passt es. Also habe ich im Customizer unter zusätzlichem CSS einfach:

    #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails {
            margin: 0 0;
    	padding-left: 0;
            padding-top: 0;
    }

    ergänzt. Allerdings greift es nicht und ich finde den Fehler nicht. In der Firefox-Konsole sehe ich lediglich dass es überschrieben wird.

    Kann mir jemand einen Tipp geben?

    Viele Grüße
    pixel24

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 1 Antwort (von insgesamt 1)
  • Moderator Bego Mario Garde

    (@pixolin)

    Wenn eine CSS-Regel nicht greift, wird sie wahrscheinlich durch eine spezifischere oder später geladene CSS-Regel überschrieben. Abhilfe schafft, die CSS-Regel später zu laden, spezifischer zu machen oder sich mit der Krücke !important zu behelfen – letzteres nur in Ausnahmefällen.

    Um

    #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails {
            margin: 0 0;
    	padding-left: 0;
            padding-top: 0;
    }

    noch spezifischer zu machen, suchst du dir einfach einen weitere Selektor aus und setzt ihn davor:

    .entry-content #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails {
            margin: 0 0;
    	padding-left: 0;
            padding-top: 0;
    }

    Noch rasch der Hinweis, dass wir hier keine Grundlagen vermitteln können und deshalb Fragen zu CSS eigentlich off topic sind.
    Schönes Wochenende.

Ansicht von 1 Antwort (von insgesamt 1)
  • Das Thema „Photo Gallery. Bekomme CSS nicht überschrieben“ ist für neue Antworten geschlossen.