Purity lll Ändern der Höhe des Logo-Bereiches

tim1986 · 19. April 2019

Servus,

ich bin gerade dabei eine Website neu aufzusetzen, welche bisher in Joomla 1.5 verwirklicht war.

Ich verwende das Purity lll Template.

Mein Logo habe ich bereits eingebunden und die Größe in der template.ccs angepasst.

Leider habe ich seither folgendes Problem:

Durch das neue Logo, welches höher ist als das Standardlogo schiebt sich der obere Bereich in dem sich das Logo und das Menü befinden über den unteren Bereich in dem die Beiträge angezeigt werden.

Die Beiträge sind dann oben abgeschnitten.

http://2019.oberstetter-dorfmusikanten.de/index.php/kontakt
Am besten sieht man das Problem in dem Beitrag "Kontakt"

Weiß von euch jemand wie ich das verhindern kann, bzw. wie ich die Größe des oberen Bereiches anpassen kann?

Danke schon mal.

Viele Grüße Tim

Dudlhofer · 19. April 2019

Code

.page-header > h2 { margin-top:1.5em; }

christine2 · 19. April 2019

Hallo Tim,

Zitat von tim1986

ich bin gerade dabei eine Website neu aufzusetzen, welche bisher in Joomla 1.5 verwirklicht war.

Ich verwende das Purity lll Template.

Nicht danach gefragt, will es dennoch anmerken.

Wenn ich es richtig sehe, hast Du ein bootstrap 3 fähiges Template. Bin jetzt nicht alle Menüs durchgegangen. Da ist mir aber aufgefallen, dass viele Beiträge in Tabellen sind (mit fixer Breite).

Schade, weil so ist es dann nicht responsiv. Nehme daher an, dass Du von der damaligen Joomla 1.5 diese so übernommen hast.

Glaube daher: Ganz normal den Text schreiben, die grids sortieren das dann schon.

Oder es haben noch andere User, bessere Ideen.

Liebe Grüße

Christine

anka · 19. April 2019

Zitat von tim1986

Weiß von euch jemand wie ich das verhindern kann, bzw. wie ich die Größe des oberen Bereiches anpassen kann?

Aendere hier den oberen Abstand (template.css, ab Zeile 74):

Code

body {
    padding-top: 135px;
}

anka · 19. April 2019

Nachtrag:

Vergiss bitte meinen Tipp. Das sieht nur bei einem grossen Browserfenster gut aus. Bei einer Browserbreite < 1020px passt es nicht mehr. Wenn du ein so breites Logo verwenden willst, dann müsstest du viel mehr ändern, damit es einigermassen responsive bleibt.

tim1986 · 19. April 2019

Vielen Dank für eure Antworten und die guten Tipps!

Ich probiere dann mal das so umzusetzen.

Frohe Ostern

Gruß Tim

deltapapa · 20. April 2019

Moin Tim, ich würde an deiner Stelle ein anderes Template nehmen oder das Logo wie bei der Purity III Demo viel größer machen und dann unter das Menü:

https://purity-iii.demo.joomla…ut/new-layouts//corporate

Einfach mit einem Grafikprogramm eine große weiße Fläche (1140x400), und dann da dein Logo rein.

Und dann wie oben gesagt, würde ich den ganzen Text in den Artikel umformatieren, ohne Tabellen.