Maximale Breite für Beiträge festlegen

Chacko17 · 19. September 2017

Moin,

ich benutze das Template reBase für unseren geplanten Internet-Auftritt. http://www.audiolino.de/joomla/Joomla_3/

Wie kann ich eine maximale Breite für den Haupttext festlegen? Wenn ich das Fenster sehr weit aufziehe, wird auch der Text im Beitrag sehr breit, was nicht wirklich schön ist. Und links habe ich wiederum gar keinen Rand, was auch nervt. In welcher Datei kann ich das konfigurieren? Sorry, bin leider im Gestalten ein wenig erfahren, im Source-Code leider gar nicht ...

Danke für jeden Tipp, Rainer

chr-hl · 19. September 2017

Hallo und willkommen im Forum!

kurze Antwort: Per CSS

Erst einmal nicht im Editor "stylen", sondern das dem CSS überlassen, dazu ist es nämlich da.
Hier wurde beispielsweise die Schriftgröße immer wieder vorgegeben.

Mit dem Firebug bzw. Entwicklertool die passenden Klassen ermitteln und entsprechend anpassen.
So gibt es für die maximale Breite eine Definition "max-width: 550px;"

Evtl. sieht das Template auch schon die Einbindung einer custom.css öder ähnliches vor.
Ansonsten kann man das auch selber machen.

Christian

firstlady · 19. September 2017

Du hast für den Bereich "Component" eine Einstellung "row-fluid" gewählt. Das muss weg.
Vermutlich ist das irgendwo bei den Template-Einstellungen hinterlegt.

Hallo Christian, kennst du das Templat reBase, das da im Einsatz ist? Vielleicht kann es das einstellen ohne dass man direkt Hand anlegen muss.

chr-hl · 19. September 2017

Hallo Christiane,

Nöö, ich habe mal in meine "Kristallkugel" geschaut.
Was ich jedoch so an CSS bzw. nicht vorhandenes CSS gesehen habe, muss dort einiges gemacht werden.

Chrstian

Chacko17 · 19. September 2017

Hallo Christiane, hallo Christian,

im template reBase lässt sich die Breite einstellen. Wenn dort die Eingabe gelöscht und abgespeichert wird, werden automatisch 980px eingetragen. Im Shop-Bereich habe ich merkwürdigerweise keine Probleme:

http://www.audiolino.de/joomla…opping/product/view/4/438

"Component" finde ich wo? In den Template-Einstellungen gibt es dazu keine Auswahl ...

Danke euch beiden schon einmal ... Grüße aus Hamburg, Rainer

chr-hl · 19. September 2017

Hallo Rainer,

entferne einmal den Slider.
Evtl. ist hier die Ursache zu suchen.

Christian

Chacko17 · 19. September 2017

Hallo Christian,

am Slider liegt es nicht. Der gleiche Effekt ist auf Seiten mit ganz "normalen" Beiträgen ...

http://www.audiolino.de/joomla…e/themenuebersicht/krimis

Ich versuche jetzt mal ein bisschen mit den Dev.Adds in Firefox der Sache auf den Grund zu kommen, mal sehen, ob ich da irgendwo eine max-width - Einstellung finden kann ...

anka · 19. September 2017

Aendere mal folgenden Eintrag im joomla_3.css (Zeile 146):

.maxwidth {
margin: 0 auto;
position: relative;
max-width: 980px;
}

oder füge das hier ans Ende der Datei ein:

.maxwidth {
max-width: 980px;
}

Chacko17 · 20. September 2017

Danke für Deine Hilfe, Anka.

In den Firefox Web-Entwickler-Tools wird mir "joomla_3.css" auch angezeigt, aber im Verzeichnis finde ich die Datei nicht. Ist sie versteckt? Firefox zeigt mir folgenden Pfad für die Datei an:

.../joomla/Joomla_3/?css=bootstrap-overwrite;template;mainmenu;responsive;template-overwrite

Das ist das Root-Verzeichnis, aber die Datei finde ich da nicht ... also in einem der angehängten php-Skripte suchen?

Danke! Rainer

chr-hl · 20. September 2017

Hallo Rainer,
dann ist meine Vermutung, dass das css per Script zur Laufzeit erstellt wird.
Ich würde dann eine eigene CSS-datei einbinden und dort meine Anpassungen vornehmen.
Christian

Chacko17 · 21. September 2017

Danke euch allen, Fall gelöst. Im template-css - Ordner gab es die Datai "template-overwrite.css", da habe ich die maximale Breite mit
.maxwidth {
max-width: 980px;
}
fest hinterlegt. Jetzt funktioniert alles einwandfrei.