Seitentitel ausrichten

30.03.2018 20:29 (zuletzt bearbeitet: 31.03.2018 20:11)
avatar  Igor R.
#1
Ig

Hallo zusammen,

ich möchte auf meiner Webseite den Seitentitel gerne komplett in einer Zeile haben und mittig platzieren, aber nur in der PC Version.
Und den Seitentitel mit einer Farbe hinterlegen:

https://wulita.de


 Antworten

 Beitrag melden
31.03.2018 20:19 (zuletzt bearbeitet: 31.03.2018 20:23)
avatar  az_
#2
avatar
az_

Hallo Igor,

Du meinst bestimmt "nur in der Desktop-Version"?
Mittig scheint mir der Titel schon zu sein:

1
2
3
4
 
@media (min-width: 768px)
.jtpl-title .j-website-title-content {
margin: 145px auto; /*auto = mittig*/
}
 



...wenn Du nur 1 Zeile haben willst, kannst Du das nur über die Schriftgröße machen oder eine andere Schriftart wählen. Oder weniger Text.

...nur Desktop ist mit @media(min-width:...px) {...} zu erreichen.

LG, az


PS: Deine Logo-Einstellung ist etwas ungünstig:

1
2
3
 
.jtpl-logo {
margin-left: -150px;
}
 



...das schmeisst das Logo links raus


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
02.04.2018 10:21
avatar  Igor R.
#3
Ig

Danke für die Hilfe.
Ich habe gedacht ich kann den Seitentitel-Bereich in der breite ändern.

Ich wollte das Logo in der Desktop Version weiter links haben, aber es funktioniert nicht:

@media (min-width: 1280px)
.jtpl-logo {
margin-left: -150px;
}


 Antworten

 Beitrag melden
02.04.2018 11:10
avatar  az_
#4
avatar
az_

...probier mal folgendes:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 

@media (min-width: 768px) {
.jtpl-logo img {
position: fixed;
top: 15px;
left: 15px;
z-index: 9999;
}
.jtpl-title .j-website-title-content {
position: absolute;
min-width: 100vw !important;
}
}
 

 


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
28.05.2018 20:52 (zuletzt bearbeitet: 31.05.2018 19:51)
avatar  Andrea
#5
avatar

Mein Seitentitel wird auf der Handy sehr klein angezeigt , PC ok. Wie kann ich das ändern?
www.hovawart-ajay.de
Gruß Andrea


 Antworten

 Beitrag melden
31.05.2018 19:53
avatar  az_
#6
avatar
az_

1
2
3
4
 
@media (max-width: 767px)
.j-module h1, .j-module .j-website-title-content, .j-static-page h1, .j-static-page .j-website-title-content {
font-size: 60px !important;
}
 



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
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!