Nur das Logo im Header verkleinern

nasvet

Ich konnte den Homepage namen durch ein Logo ersetzten indem ich die Quelle des Bildes im Editor unter Kofzeile eingefügt habe.
rel="home"><img src="LOGO HIER EINGEFüGT" /></a></span></h1>

Das Problem ist jetzt nur, dass ich das Logo kleiner haben möchte, also genau so gross wie die Pixelanzahl bzw. dass die Regel mit den 72 px pro Zoll aufgeht?

Ich habe mich im Internet schlau gemacht und habe versucht es im CSS Styles zuändern.
#branding img {
height: auto;
margin-bottom: -7px;
width: 100%; <- HIER

Aber dann werden alle Bilder im Header abgeändert :S

Wie soll ich jetzt vorgehen wenn ich nur die Grösse des Logos anpassen möchte?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

pixselig

Mit diesen Angaben ist es leider schwer dir die richtige Antwort zu geben!

Das bild, dass du verlinkt hast, hat schon die Auflösung (Abmessungen) wie du sie im Header haben möchtest? Ansonsten passe dass mal an.

Ansonsten poste einen Link zu deinem Projekt, dann kann dir eher geholfen werden :)

Grüsse
Pixselig

PS: poste auch noch genauer (etwas mehr Code) wie du die Grafik eingefügt hast.

nasvet

Das Bild hat die richtigen Masse, wurde aber von Wordpress "aufgeblasen"

Siehe: http://www.nasvet.ch/ -> LOGO

</head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed">
<header id="branding" role="banner">
<hgroup>
<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="http://www.nasvet.ch/wp-content/upl…7/logofinal.png" /></a></span></h1>
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>

<?php
// Check to see if the header image has been removed

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Nur das Logo im Header verkleinern

Jetzt mitmachen!