Design Stockholm: Trennstrich / Logoposition / Unternavigation

09.12.2019 09:23
avatar  sgrafik
#1
avatar

Guten Tag liebe Forümler

drei Fragen zum Design Stockholm:
1. Ist es möglich den Trennstrich über die ganze Breite zu definieren?
2. Das Logo hätte ich gerne links ausgerichtet am Content ... nicht gaaaanz links
3. Kann ich die Unternavigation links ausrichten? am Navigationspunkt der Obernavigation?

die betreffende URL: Link

Tausenddank!


 Antworten

 Beitrag melden
17.12.2019 20:06 (zuletzt bearbeitet: 17.12.2019 20:10)
avatar  az_
#2
avatar
az_

Zitat
1. Ist es möglich den Trennstrich über die ganze Breite zu definieren?


der Trennstrich ist <hr/> setze max-width für hr auf 100% !important;

Zitat
2. Das Logo hätte ich gerne links ausgerichtet am Content ... nicht gaaaanz links


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

@media (min-width: 1170px){
.jtpl-logo {
padding: 0 calc(50vw - 580px);
}
}
 
.j-nav-level-1 a {
text-align:left;
margin-left:5px;
}
 
.j-nav-level-1 a:before {
content:"- ";
}
 
 


Zitat
3. Kann ich die Unternavigation links ausrichten? am Navigationspunkt der Obernavigation?


...s.o. und Grafik

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
07.01.2020 16:48
avatar  sgrafik
#3
avatar

Vielen Dank! Hat alles super geklappt ...
ausser der Trennstrich - das sieht nun so aus:

1
2
3
4
5
6
7
8
 
<style type="text/css">
/* <![CDATA[ */
/* Trennlinie */
.j-hr hr {
width: 100%;
}
/*]]>*/
</style>
 



Einverstanden?


 Antworten

 Beitrag melden
18.01.2020 11:45
avatar  az_
#4
avatar
az_

...perfekt! Auf welcher Webseite hast Du das eingesetzt?
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
13.02.2020 18:02
avatar  sgrafik
#5
avatar

Sorry hat ein bisschen gedauert ...
genau hier
Dank und Gruss!


 Antworten

 Beitrag melden
17.02.2020 13:45 (zuletzt bearbeitet: 17.02.2020 13:46)
avatar  az_
#6
avatar
az_

...sehr fein: https://sso-luzern.jimdofree.com/

1
2
3
4
5
6
7
8
9
10
11
 

.j-hr hr {
width: 100%; /*manchmal ist hier ein !important; nötig statt ;*/
}
.content-options hr /*wenn nicht mit Brodmitteln vergeben*/ {
border-style: dotted; /*gepunktet*/
border-width: 0;
border-bottom-width: 3px; /*schön fett*/
border-color: #216fb7 !important; /*Farbe der Linie*/
}
 
 


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!