Allgemeines » Logo Position und Größe anpassen (Design Hamburg)

30.07.2018 15:41

stumm
#1

st

Ich habe eine Webseite mit dem Design "Hamburg" erstellt. Grundsätzlich bin ich mit diesem sehr zufrieden, möchte aber zwei Dinge im Header ändern:
- Logogröße -> sollte ca. 50% größer sein
- Logo-Position -> sollte rechts überhalb der Navigation für die Mehrsprachigkeit sein

Den Seitentitel habe ich entfernt mit:

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

Jetzt bräuchte ich eure Hilfe, da ich nicht weiter komme. Vielen Dank schon mal im Vorraus.

URL: https://www.dc-lionsheart-foundation.org/

Antworten

Beitrag melden

#2

30.07.2018 16:17

az_
#2

az_

...das kann man über die Breite des Logos machen. Die ist meistens voreingestellt vom System. Wenn ich die aber mit !important per CSS überschreibe, ich wird das Logo breiter und automatisch auch höher.
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

#3

30.07.2018 16:23

stumm
#3

st

stumm

Ok, das klingt ja schon mal gut. Wie müsste dann der dazugehörige CSS-Code aussehen? Und ist es auch möglich, das Logo rechtsbündig zu platzieren?

Antworten

Beitrag melden

#4

01.08.2018 12:31

stumm
#4

st

stumm

Ich habs so versucht:

1
2
3
4
5
 
<style type="text/css">
/*<![CDATA[*/
.jtpl-logo img {max-width: 500px !important;}
/*]]>*/ 
</style>
 

Aber da passiert gar nichts an der Größe des Logos. Woran liegt das?

Antworten

Beitrag melden

#5

01.08.2018 14:25

stumm
#5

st

stumm

Ich habs mittlerweile selbst herausgefunden. :-)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<style type="text/css">
/*<![CDATA[*/
.jtpl-logo img {width: 350px !important;}
.jtpl-logo img {height: 350px !important;}
/*]]>*/ 
</style>
 

<style type="text/css">
/*<![CDATA[*/
@media (max-width:768px) {
    .jtpl-logo img {max-width:150px !important;}
    .jtpl-logo img {max-height:150px !important;}
}
/*]]>*/ 
</style>
 