Umstellung auf Design Rome führt zu Problemen

28.05.2021 11:08
#1
Li

Hallo zusammen,

ein tolles Forum mit klasse Tipps, von denen ich schon einige umsetzen konnte, danke!

Um meine Homepage brittasiehtdiewelt.de aufzufrischen, habe ich mein Design von San Francisco zu Rome gewechselt und einige Anpassungen vorgenommen. Allerdings finde ich für folgende Probleme keine Lösungen:
Das Hintergrundbild soll nicht auf allen Seiten auftauchen, daher habe ich folgenden Code im Header auf der jeweiligen Unterseite eingefügt:

.jtpl-header {
margin-top: 80px; /*Abstand von oben, ggf. verändern!*/
padding: 300px 20px 0 23px;
}

Leider verschwindet dann aber der Beginn des Artikels hinter der Navigationsleiste! Lasse ich dagegen das Hintergrundbild auf weiß gestellt, beginnt der Artikel erst viel weiter unten auf der Seite.
Gibt es einen Code, der das Hintergrundbild bzw. die Artikelseite an dem unteren Rand der Navigationsleiste bindet?
Das Problem scheint nur am PC aufzutauchen, auf meinem Handy klappt es einwandfrei.

Ein zweites Problem sind die auf meiner homepage eingefügten Bilder. Nach der Umstellung auf Rome haben sie sich allesamt verkleinert! Es wäre eine Mordsarbeit, sie händisch wieder auf Maximalansicht zu speichern.
Hat da vielleicht jemand eine Idee?

Vielen Dank!!!


 Antworten

 Beitrag melden
31.05.2021 07:28 (zuletzt bearbeitet: 31.05.2021 07:38)
avatar  az_
#2
avatar
az_

Mit der Größe der Bilder wirst du leider die Mordsarbeit machen müssen. Das System speichert Bilder immer in der maximal Größe des aktuellen Designs. Dadurch wird erreicht, dass die Bilder auf der Seite schneller laden.
Es ist eine gute Idee, die Bilder dazu seitenweise in eigene Ordner ab zu speichern und sie bei der Gelegenheit gleich für Web Anwendungen zu optimieren. Dazu kannst du sie zum Beispiel bei tiny.jpg hochladen. Dort werden sie automatisch optimiert Und du kannst eine Zipp Datei des gesamten Ordners mit den optimierten Bilder herunterladen. Bequemer geht es nicht!
LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
03.06.2021 13:07 (zuletzt bearbeitet: 27.10.2021 00:48)
#3
Li

Vielen Dank für die Antwort! Dann mache ich mich mal ans Werk.
Danke auch für den Tipp tiny.jpg. Bisher habe ich die Bilder immer selbst verkleinert und abgespeichert.

Für meine anderen Probleme mit Navigationsleiste und Headerbild habe ich Lösungen gefunden. Der Code muss auf der jeweiligen Unterseite (Einstellungen - Head bearbeiten - Unterseite) eingetragen werden. Wen es interessiert:

1. Lösung
Header Bild entfernen - Unterseite:

1
2
3
4
5
6
7
 
<style type="text/css">
/*<![CDATA[*/
.jtpl-header--image {
display:none;
}
/*]]>*/
</style>
 



Damit die Überschrift usw. dann nicht hinter der Navigationsleiste verschwinden, über "Inhalt hinzufügen" einen Abstand von 200 einfügen. Dazu das Modul zum Inhalte verschieben aufklappen! Dann rutscht der Inhalt unter die Navileiste und ein Inhalt kann hinzugefügt werden!

[img][/img]

Oder den Head erst bearbeiten, wenn man den Abstand eingefügt hat. ;o)
Bei dieser Variante verschwindet allerdings auch der Navibalken oben auf der Seite. Möchte man diesen behalten, gibt's die...

2. Lösung
Headerbild in der Höhe verkleinern:

1
2
3
4
5
6
7
8
 
<style type="text/css">
/*<![CDATA[*/
.jtpl-header--image {
height: 300px;

}
/*]]>*/
</style>
 



Liebe Grüße, lissycat


 Antworten

 Beitrag melden
04.06.2021 15:59 (zuletzt bearbeitet: 27.10.2021 00:52)
avatar  az_
#4
avatar
az_

Benutze bitte die Schaltfläche für Code, wenn du Code postest!

.cc-pagemode-default vor den CSS Selektor setzen, dann wirkt sich der Eintrag nur auf den Besucher Modus aus.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
26.10.2021 14:55
#5
Li

Zitat von az_ im Beitrag #4
Benutz mal bitte die Schaltfläche für Code, wenn du Code postest.

.cc-pagemode-default vor den CSS Selektor setzen, dann wirkt sich der Eintrag nur auf den Besucher Modus aus.


Sorry, aber ich weiß nicht was du meinst. Was ist die Schaltfläche für Code und was ist der CSS Selektor? Ich bin leider absolut nicht fit in Programmiersprachen.
LG lissycat


 Antworten

 Beitrag melden
27.10.2021 00:47
avatar  az_
#6
avatar
az_

Sieh mal genau hin, was unten an jedem meiner Beiträge angehängt ist. Das ist der Hinweis mit der Schaltfläche für Code im Forum.
LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
27.10.2021 11:10
#7
Li

Okay!


 Antworten

 Beitrag melden
28.11.2023 18:49
avatar  Higgie
#8
Hi

Danke, das hat mir schon mal sehr genützt!!


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!