Rand bei Joomla verkleinern

Ich verwende auf meiner Webseite http://www.verwandten.info "Joomla 5.1.4". Auch wenn ich die Seiten mit dem Smartphone aufrufe, ist meiner Meinung nach alles ok.

Wenn ich mit dem Smartphone von Joomla aus die Anwendungen Webtrees aufrufe, bekomme ich wohl die für Smartphones optimierte Webtrees-Version zu sehen, aber wegen Joomla entsteht ein zu großer Rand, der aber für die optimale Darstellung notwendig wäre. Am PC ist die Darstellung soweit ok. Wegen der unschönen URL möchte ich keinen externen Link setzen, obwohl dies das Problem lösen würde.

Gibt es eine Möglichkeit nur für die Anwendung Webtrees den Joomla-Rand zu verkleinern?

p.s. Derzeit habe ich die html-Seite https://www.verwandten.info/stb_mobile.html in Verwendung, aber damit funktioniert leider eine wichtige Webtrees-Funktion nicht mehr. Auf das Joomla-Menü muss ich bei dieser Problemlösung auch verzichten.

Dein Kommentar hat nichts mit meiner Frage zu tun.

Zu VirusTotal : Wie bei allen Anti-Malware-Diensten, besteht auch hier die Möglichkeit von Fehlalarmen, bei denen harmlose Dateien fälschlicherweise als schädlich gemeldet werden. Es gibt auch Bedenken hinsichtlich der Verwendung von VirusTotal mit sensiblen Daten, da die hochgeladenen Dateien auf den Servern des Dienstes gespeichert werden und somit potenziell zugänglich sind.

Zitat von Elwood

Habe ich mal getestet. Ich sehe keinen zu großen Rand.

Hast du mal einen Screenshot?

Hier schaut der Rand nicht so dramatisch aus. Ist erst extrem nach dem Einstieg in Webtrees.

Zitat von drmenzelit

Meinst du die Ansicht?

Du könntest mit

Code

.com-wrapper.contentpane {
padding: 0;
}

in deiner user.css probieren

Danke für den Hinweis. Es hat sich leider nichts geändert.

Ich habe auch das probiert (1-10), aber ohne Erfolg.

Cache ist geleert.

.content {
margin: 10 ; /* Rand ändern */
padding: 0 ; /* */
}

Zitat von Elwood

Also erst nach dem Login!?

Ja, auf der Startseite fällt es nicht so auf. Ich nehme an, prüfst es mit deinem Smartphone.

Du kannt es bei Genealogien/Familienbücher/Diagramme sehen. Login ist nicht notwendig. Smartphone hoch und quer: Da ist links und rechts ein breiter nicht verwendbarer weißer Rand.

Wenn du mit dem Smartphone direkt die URL https://www.verwandten.info/wt2/ aufrufst, siehst du den enormen Unterschied.

Zitat von Stef

Versuche mal :

.com-wrapper.contentpane {
padding: 0px;
}

Leider auch kein Erfolg.

Zitat von Elwood

Sieht auch normal aus.

Was soll denn geändert werden?

Beides sind Screenshots vom Smartphone - Links Familienbücher mit direktem Aufruf.

Rechts Stammbaum-Netzwerk mit Aufruf vom Joomla-Menü.

Die Darstellkung würde auch bei Stammbaum-Netzwerk - mobile (verwandten.info) passen, wenn Interaktives Sanduhrdiagramm funktionieren würde.

Zitat von drmenzelit

Mein CSS (auch von Stef in #10 vorgeschlagen) funktioniert:

aber ich sehe die Anweisung nicht in deiner user.css ...

Nachdem ich keinen Erfolg hatte, habe ich diesen Teil gelöscht, aber nun wieder hinzugefügt:

.com-wrapper.contentpane { padding: 0px; }

Wenn ich es richtig verstehe, sollte damit beim Aufruf vom Stammbaum-Netzwerk der weiße Rand weg sein. Es hat sich aber nichts verändert. Muss ich sonst wo noch eine Eintragung vornehmen?

Ich habe testweise auch einen Leerschritt eingefügt:

.com-wrapper .contentpane { padding: 0px; }

Aber das hat auch nichts gebracht und stelle wieder um auf:

.com-wrapper.contentpane { padding: 0px; }

Zitat von Stef

Sieht doch jetzt ok aus:

Wenn man auf den Link "Stammbaum-Netzwerk (mobile)" klickt, dannn gibt es keinen Rand, weil eine externe URL verwendet wird und der Inhalt nicht in einem Frame dargestellt wird.

Ich sehe keinen Unterschied, ob mit oder ohne der Eintragung in der user.css.

Wenn ich den normalen Menüpunkt "Stammbaum-Netzwerk" anklicke, gibt es rundherum einen Rand:

Bei Chrome und Firefox ist der Rand kleiner (links 9mm, oben 5mm).
Bei Edge hat der linke Rand 15mm und oben 10mm).