Darstellung von Bildern mit max. verfügbarer Screenwith (mobile)

martinxxfire

Hallo liebe Leute,

ich habe jetzt eine Stunde gesucht und keine (von mir) umseztbare Lösung für folgendes Problem gefunden:
Ich möchte, dass die als Galerie in Posts eingebundenden Fotos auf mobilen Geräten randlos, also praktisch ohne [FONT=Courier New]padding[/FONT] und [FONT=Courier New]with[/FONT] dargestellt werden. Als Beispiel anbei ein Screenshot meiner momentanen Darstellung und als Vergleich die randlose Darstellung (hier am Beispiel der aktuellen Youtube-App). Ich habe ein paar Versuche unternommen das Problem durch das Ändern von Werten im [FONT=Courier New]style[/FONT] CSS-Sheet zu lösen, kenne mich aber zu wenig in der Thematik aus.

Hier relevante Daten zu genutzten Plugins, WP-Version usw.

WordPress 4.9.6
Website
Theme: Magnus 2.4 by Hugo Baeta
Verwendete Plugins:
- Galleries 1.65 by Angie Makes (die von mir benötigte Option ist hier nicht angeboten)

Die Sufu hat mir keine Ergebnisse geliefert. Falls ich etwas wichtiges Vergessen habe, sagt mir gerne Bescheid.

Vielen Dank im Voraus und liebe Grüße,
Martin

[Blockierte Grafik: https://i.imgur.com/8fpJ8qr.png]

[Blockierte Grafik: https://i.imgur.com/msXFmfh.png]

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

SEpp55

Zitat von martinxxfire

Theme: Magnus 2.4 by Hugo Baeta

und hier beginnt das Problem!

Version: 2.4
Zuletzt aktualisiert: 8. März 2016

Ich würde dir Raten deine Zeit vorerst mal in die Suche eines altuellen Themes zu investieren. Alles andere führt früher oder später in eine Sackgasse mit der Kompatibilität seitens WP oder PHP.

Auch das von dir angegebene Plugin sollte man im Auge behalten -

Version: 1.65
Zuletzt aktualisiert: vor 9 Monaten

Sailor56

Versuche es bitte mal mit folgendem CSS Code im 'zusätlichen CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS)

Code

@media screen and (max-width: 480px) {
  #primary.content-area {
    padding: 0 0;
  }
}

Den Wert für 'max-width' stellst du so ein, dass der Randlos-Effekt ab der von dir gewünschten Breite wirksam wird.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Darstellung von Bildern mit max. verfügbarer Screenwith (mobile)

Jetzt mitmachen!