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:

<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/

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?

Ich habs so versucht:

<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?

Ich habs mittlerweile selbst herausgefunden. :-)

<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>