Amsterdam Logo im Header verschieben

Antworten
#1
03.08.2017 20:03 (zuletzt bearbeitet: 03.08.2017 20:09)
avatar  chrisfeu686
#1
ch
chrisfeu686

Hallo,

habe mich heute neu angemeldet und hoffe das Ihr mir helfen könnt.

Ich versuche auf meiner Jimdo Seite mein Logo im Header weiter nach unten zu verschieben. Allerdings weiß ich nicht wie dies funktioniert.

Die Seite wäre: www.onewaytravel.de

Freue mich auf euere Hilfe.


 Antworten

 Beitrag melden
#2
03.08.2017 23:46 (zuletzt bearbeitet: 05.08.2017 08:15)
avatar  FKWars
#2
avatar
FKWars

Hallo,

bei Einstellungen - Head bearbeiten

1
2
3
4
5
6
7
8
9
10
 

<style type="text/css">
/*<![CDATA[*/ 
 
.jtpl-logo a img {
    padding-top: 10px;
}
 
   /*]]>*/ 
</style>
 



eintragen.
Gruß

www.crazy-terra.com

 Antworten

 Beitrag melden
#3
04.08.2017 12:42
avatar  chrisfeu686
#3
ch
chrisfeu686

Servus,

vielen Dank für die Super schnelle Antwort.

Leider funktioniert diese Eistellung nicht, mach ich irgendetwas Falsch?
Muss zugeben, dass ich kaum html Kenntnisse habe.

Ich möchte gerne das Logo auf höhe des Steges haben, muss ich da etwas beim (Padding-Top: bei den PX einstellen?)
Oder noch irgendetwas für das Logo eingeben?

Freue mich auf eure Hilfe.

Gruß

Christian


 Antworten

 Beitrag melden
#4
04.08.2017 15:55
avatar  FKWars
#4
avatar
FKWars

Genau, ändere die Zahl mal auf 300 (padding-top: 300px; )(kannst rumspielen wie du es gerne hättest) dann verschiebt sich dein Logo weiter nach unten.

www.crazy-terra.com

 Antworten

 Beitrag melden
#5
04.08.2017 17:06
avatar  chrisfeu686
#5
ch
chrisfeu686

Danke, habe es gleich Probiert.

Leider tut sich da nichts auf der jimdo Seite.

Gibt es noch eine andere Möglichkeit?

Gruß
Christian


 Antworten

 Beitrag melden
#6
04.08.2017 19:06 (zuletzt bearbeitet: 04.08.2017 19:12)
avatar  FKWars
#6
avatar
FKWars

Wo hast du den Code eingetragen?

www.crazy-terra.com

 Antworten

 Beitrag melden
#7
04.08.2017 21:15 (zuletzt bearbeitet: 05.08.2017 08:16)
avatar  chrisfeu686
#7
ch
chrisfeu686

Vielen vieln Dank für deine Hilfe

Habe es auf einer Testseite gemacht, da ich nichts kaputt machen wollte :-).

Allerdings habe ich es jetzt einmal auf meiner richtigen Seite versucht, allerdings mach ich irgendetwas falsch, obwohl ich nur deinen HTML Code einfüge.

So sieht mein Hader aus:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 

<style type="text/css">
/*<![CDATA[*/
.jtpl-content {
    width: 68%;
    float: left;
    margin: 20px 10px 0;
}
/*]]>*/
</style>
 
<meta name="B-verify" content="13d45b5103ebbd25409241da31cf699ff92bbb6f" />
<meta name="verification" content="053e4dac19931dc5a215caf247f93f03" />
 
<style type="text/css">
/*<![CDATA[*/
 
.jtpl-header 
{height: calc(70vh - 70px);
 min-height: 550px;}
 
/*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/
 
.jtpl-logo a img {
max-height: 500px;
padding-top: 250px;
}
 
/*]]>*/
</style>
 
 



Der letzte Part ist halt das Logo.

Mach ich irgendeinen Fehler?

Vielen Dank noch einmal für deine Bemühungen, echt super super nett von dir.

Gruß
Christian


 Antworten

 Beitrag melden
#8
04.08.2017 21:53
avatar  chrisfeu686
#8
ch
chrisfeu686

Hat doch jetzt geklappt :-)

Vielen herzlichen Dank für dein Hilfe und ein schönes Wochenende


 Antworten

 Beitrag melden
#9
04.08.2017 23:08
avatar  FKWars
#9
avatar
FKWars

Gerne, wie gesagt mit der Zahl kannst spielen wie es dir am besten passt.
Danke, dir auch ein schönes WE.

www.crazy-terra.com

 Antworten

 Beitrag melden
#10
12.10.2017 16:26
avatar  Kathrin Schierl
#10
Ka
Kathrin Schierl

Hi,
gibts den Code auch für Design Zürich? zuminest funktioniert es bei mir nicht, egal welche Zahl ich eingebe.
Am liebsten würde ich das Logo ganz links oben haben. www.kathis-fotowerkstatt.com

Lg, kathi


 Antworten

 Beitrag melden
#11
12.10.2017 16:51
avatar  chrisfeu686
#11
ch
chrisfeu686

Hi Kathi,

das dachte ich bei mir auch am Anfang.

Allerdings kannst du den gleichen Code verwenden, allerdings siehst du das finale Resultat nur in der Besucheransicht und nicht in der Ansicht wo du es bearbeitest.

War bei mir auch so und hat mich 30 Minuten gekostet, bis ich es herausgefunden haben :-)

LG
Christian


 Antworten

 Beitrag melden
#12
14.10.2017 20:02 (zuletzt bearbeitet: 14.10.2017 20:03)
avatar  az_
#12
avatar
az_

Ihr könnt Euch den Code vereinfachen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 

<style type="text/css">
/*<![CDATA[*/
.jtpl-content {
    width: 68%;
    float: left;
    margin: 20px 10px 0;
}
/*]]>*/
</style>
 
<meta name="B-verify" content="13d45b5103ebbd25409241da31cf699ff92bbb6f" />
<meta name="verification" content="053e4dac19931dc5a215caf247f93f03" />
 
<style type="text/css">
/*<![CDATA[*/
 
.jtpl-header {
height: calc(70vh - 70px);
min-height: 550px;
}
 
/*]]>*/
</style>
 
 
<style type="text/css">
/*<![CDATA[*/
 
.jtpl-logo a img {
max-height: 500px;
padding-top: 250px;
}
 
/*]]>*/
</style>
 
 





verkürzt:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 

 

<meta name="B-verify" content="13d45b5103ebbd25409241da31cf699ff92bbb6f" />
<meta name="verification" content="053e4dac19931dc5a215caf247f93f03" />
 
<style type="text/css">
/*<![CDATA[*/
 
.jtpl-content {
    width: 68%;
    float: left;
    margin: 20px 10px 0;
}
 
.jtpl-header {
height: calc(70vh - 70px);
min-height: 550px;
}
 
 
.jtpl-logo a img {
max-height: 500px;
padding-top: 250px;
}
 
/*]]>*/
</style>
 
 


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
14.10.2017 20:26
avatar  Kathrin Schierl
#13
Ka
Kathrin Schierl

Danke Christian!


 Antworten

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