Design Madrid, Höhe des Logo/Titelbereichs verringern

07.01.2016 14:14
avatar  Anoli
#1
An

Hallo, ich habe für eine Webseite die Vorlage Madrid genutzt, bei der mir aber der Bereich für Logo und Titel zu hoch ist. Kann ich das ändern?


 Antworten

 Beitrag melden
12.01.2016 08:28
#2
avatar

Wenn du deine URL mit uns teilst.

Bevor ich studiert habe, war mir alles egal, jetzt ist es irrelevant.

 Antworten

 Beitrag melden
13.01.2016 11:24
avatar  Anoli
#3
An

Bin aber noch im Aufbau. Es wird eine zweisprachige Seite werden. Allerdings ist mir der Bereich entschieden zu hoch. Freue mich auf eine Löung!
http://1heart.jimdo.com/


 Antworten

 Beitrag melden
13.01.2016 18:16 (zuletzt bearbeitet: 13.01.2016 21:54)
avatar  az_
#4
avatar
az_

Hallo @Anoli,

Du könntest folgenden Code versuchen:

1
2
3
4
5
6
 
<style>
#cc-inner .drag-area {
padding: 0px 0 20px;
}
</style>
 
 



...das sähe dann so aus:



...war es das, was Du wolltest?

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.01.2016 18:42
avatar  Anoli
#5
An

Super, danke so gefällt esmir schon besser. Habe den Code eingefügt, aber leider ist nichts zu sehen - komisch.


 Antworten

 Beitrag melden
13.01.2016 21:55
avatar  az_
#6
avatar
az_

...mein Fehler, tml! hatte eine Klammer falsch gesetzt. Ist jetzt korrigiert!

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
14.01.2016 10:02 (zuletzt bearbeitet: 14.01.2016 10:08)
avatar  Anoli
#7
An

öööh und wo??
Habe den oberen Code wieder eingesetzt, klappt aber nicht.

Aber trotzdem schon einmal DANKE! ;)


 Antworten

 Beitrag melden
14.01.2016 10:22
#8
avatar

Probiers mal so:

1
2
3
4
5
6
7
8
9
 
<style type="text/css">
/*<![CDATA[*/

#cc-inner .drag-area {
padding: 0px 0 20px;
}

/*]]>*/
</style>
 

Bevor ich studiert habe, war mir alles egal, jetzt ist es irrelevant.

 Antworten

 Beitrag melden
14.01.2016 10:41
avatar  Anoli
#9
An

Darauf reagiert die Seite auch nicht. Ich habe jetzt mal den Code genutzt um die Navigation zu verschieben, das klappt.
http://1heart.jimdo.com

Leider macht mir das den Bereich aber nur optisch kleiner, es ist doch sehr viel Raum für diesen Bereich angedacht.


 Antworten

 Beitrag melden
14.01.2016 11:36
avatar  Anoli
#10
An

Tja, aber so kann man natürlich nicht mehr die Navigation bearbeiten, oder man entfernt den Code bis alles steht :(


 Antworten

 Beitrag melden
14.01.2016 16:12 (zuletzt bearbeitet: 14.01.2016 16:21)
avatar  az_
#11
avatar
az_

Ahh, böse! Aber wenn Du den Code von @CharlyW nimmst, müsste es eigentlich funzen. Probier doch noch mal:

1
2
3
4
5
6
 
<style>
#cc-inner .drag-area {
padding: 0px 0 20px;
}
</style>
 
 



(...das ist der gleiche Code wie der von CharlyW nur ohne die Zusätze, die der Jimdo-Editor einsetzt.)

...ich hab es mit den DevTools im "Inspector-Stylesheet" getestet, und da macht es keine Probleme:




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
14.01.2016 16:34 (zuletzt bearbeitet: 14.01.2016 16:47)
avatar  az_
#12
avatar
az_

...oder versuch mal:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<style>
#cc-inner .drag-area {
padding: 0px 0 20px;
}
 
#cc-inner .emotion {
background-color: rgba(255,255,255,0.5);
border-bottom: 0px solid #bcbcbc;
}
 
#cc-inner #content {min-height: calc(100vh - 500px);}
</style>
 
 



...mit dem calc verhindere ich den unschönen Streifen unten auf der Seite - der Content wird in der Höhe immer der Höhe des Browserfensters angepasst:



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
19.01.2016 10:10
avatar  Anoli
#13
An

Vielen herzlichen Dank!! Jetzt klappt es.


 Antworten

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