Logo Größe ändern. Aber wie ?

Hallo,

ich habe das Theme Seveenten und versuche verzweifelt heraus zu finden wo die Größe des Logos vorgegeben ist.
Ich möchte die Größe ändern und am liebsten das ganze über denn Header und dem Menü laufen lassen.
Aber schon bei der Änderung der Größe scheitere ich. Mit zusätzlicher CSS ist da nichts zu machen.
Irgendwo muss diese vordefiniert sein.
Ich weiß einfach nicht wo.

Hier ein Link zu der Seite:
http://test.roladesign.de/

Hey, ich habe es versucht mit:

[COLOR=#333333].custom-logo-link img {[/COLOR]
[COLOR=#333333]max-heigt: [/COLOR][COLOR=#ff0000]1000[/COLOR][COLOR=#333333]px;[/COLOR]
[COLOR=#333333]}

Es tut sich nicht. Und ich weiß nicht in welchen HTML Dokument [/COLOR][COLOR=#333333] 'width=".."' und 'heigt=" sind. ICh hab im Index.html und in der Header.html nachgeschaut. Ich sehe nicht?[/COLOR]

Zitat von Henk1060

setze dazu noch ein !important dazu
jedoch weiß nicht ganz genau was du haben möchtest--- über die ganze breite der seite? Huch ist das nicht zu viel logo

.custom-logo-link img { max-height: 1000px !important;}

Nein, es war nur ein übertriebener wert, damit ich sehr ob sich was ändert.

Ich habe .custom-logo-link img { max-height: 10000px; max-width: 10000px; !important;} jetzt eingegeben und es ist tatsächlich ein klein bischen größer geworden.
Aber irgendwo muss die größe festgelegt sein, denn für 1000px ist die immer noch zu klein dargestellt.

Am liebsten würde ich es so wie es hier auf den Screendesign zu sehen ist haben.

Ja, das mit den Entwicklertools ist eine schöne Sache. Aber mir bringt es leider nichts wenn ich die Stelle wo das Logo definiert ist einfach nicht finde. Ich bekomme es einfach nicht größer.

Ich kann einfach nicht mit CSS daraufgreifen. Ich glaub es muss in irgendeiner PHP festgelegt sein. Weiß einfach nicht wo .....
Keiner eine Lösung?

Das andere Werte geändert werden müssen, ist mir schon klar. Aber ich wenn Du mir sagt welche wert und wo ?
Im CSS hab ich alles schon ausprobiert. Aber wenn Du Dich selbst im CSS so gut auskennt, kannst Du mir doch sagen wo und was?

Ich denke eher das ist nicht im style.css das Problem. Irgendwo anders muss die Größe oder das div element definiert sein.
Weiß nur nicht wo. Screen hatte ich schon lange gepostet

Zitat von Sailor56

Du solltest dich wirklich etwas mehr mit HTML und CSS vertraut machen, damit du siehst und beurteilen kannst, was WordPress dir da erstellt. Und du solltest dich auch mal mit den Webentwickler Tools beschäftigen, die eigentlich jeder Browser onboard mitbringt.

Ich muss mich nicht mit HTML und CSS vertraut machen, sondern mit Wordpress und PHP. Oder sonst sag mir wo das HTML Dokument ist aus dem ich das Logo rausreissen kann. Ich weiß auch nicht wo Du reine HTML Dokumente siehst? Das Layout in HTML und CSS aufzubauen wäre mit Sicherheit einfacher. Aber ich hab noch nie CMS benutzt und möchte mich reinarbeiten.

Zitat von Sailor56

Kopf stellen, aber du wirst das Logo nicht größer bekommen, als eben diese definierten 100px.

Das ist genau das was ich wissen will, wo ist die Größe definiert. Denn ich will es erstmal nur vergrößern und nichts anderes.
Anscheinend muss es wie hier alle posten eine Mega einfache Sache sein. Aber warum erklärt mir keine Wo und wie.
Nenn mir doch einfach das Dokument und die Zeile, als drum rum zu reden,

Zitat von Sailor56

Jetzt kommt hinzu, dass du dein Logo über mehrere Elemente ausdehnen willst - du musst es also aus der Ummantelung der anderen Elemente herauslösen.
Um es freizustellen, also aus dem Textfluss herauszunehmen, musst du zunächst mal für dein Logo eine einmalige ID vergeben:

Es ist mir klar das ich es herauslösen muss. Aber was ist die jetztige Logo ID ? In der Header.php sehe ich nichts. In der Index.php auch nichts und Custom.header php auch nichts. Und eine reine HTML Datei, wie Du es angibst sowieso nicht. Das Logo muss doch irgendwo definiert sein?
Es tauscht doch nicht einfach so über das Netzt auf?

<img id="ein_einmaliger_name" src="mein_logo.gif".....>

Zitat von Sailor56

dann musst du in deinem Stylesheet für dieses Logo und mit dieser ID folgendes notieren:
eine Breitenangabe (width) brauchst du nicht zu machen, die stellt sich automatisch nach der Höheneingabe ein.

Danke, das kann ich für mich schon ganz gut selbst entscheiden wie ich es haben will. Vielleicht gefällt es mir verzerrt?

Zitat von Sailor56

Jetzt, da dieses Element nicht mehr im Textfluss ist, rücken natürlich alle anderen Elemente in diese 'freie' Stelle und müssen dann entsprechend nach bearbeitet werden... hmmm... mit CSS!

Ja, ist mir klar. Ich wollte es einfach ganz klassisch mit z-index machen oder hast Du eine bessere Idee?

Zitat von Sailor56

Die Position deines Logos wird sich dann zunächst an der Position orientieren, an der es im Code eingefügt wird - sollte das nicht passen kannst du diese Position (wieder mit CSS) durch die Angabe von top: [COLOR=#ff0000]xx[/COLOR]px; und left: [COLOR=#ff0000]xx[/COLOR]px; justieren

Ich dachte es macht man mit google kordinaten *seufz*

Es nervt gerade wirklich. Jeder postet wie esay es geht..... Ich würde nochmals darum bitten, mir zu posten wo und in welcher Zeile das Logo definiert ist.
Vielen Dank

Es würde mir auch Definitv reichen, wenn ich wüsste wo ich die vorgebenen Pixelmasse ändere.
Dann setzt ich das Screendesign halt nicht eins zu eins um.

Zitat

<?php

?><!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js no-svg">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id="page" class="site">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentyseventeen' ); ?></a>

<header id="masthead" class="site-header" role="banner">

<?php get_template_part( 'template-parts/header/header', 'image' ); ?>

<?php if ( has_nav_menu( 'top' ) ) : ?>
<div class="navigation-top">
<div class="wrap">
<?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?>
</div><!-- .wrap -->
</div><!-- .navigation-top -->
<?php endif; ?>

</header><!-- #masthead -->

<?php

/*
* If a regular post or page, and not the front page, show the featured image.
* Using get_queried_object_id() here since the $post global may not be set before a call to the_post().
*/
if ( ( is_single() || ( is_page() && ! twentyseventeen_is_frontpage() ) ) && has_post_thumbnail( get_queried_object_id() ) ) :
echo '<div class="single-featured-image-header">';
echo get_the_post_thumbnail( get_queried_object_id(), 'twentyseventeen-featured-image' );
echo '</div>
<div class="site-content-contain">
<div id="content" class="site-content">

Alles anzeigen

Ich will definitiv nicht die Arbeit abgenommen haben. Du hast auch wirklich den kompetentesten Tipp von allen gegeben Henk1060. Keine Frage.
Aber bin schon seit zwei Tagen verzweifelt die Stellen am suchen, wo ich die Pixelmasse ändern kann. Ich muss mich Scripte reinarbeiten. Eine ganz klassische Index.html ist nun mal anders aufgebaut. Denn ich weiß zum Beispiel hier gar nicht wo der ganze body ist. Und den Footer muss ich auch irgendwann suchen.

Wordpress ist Neuland für mich. Das hab ich auch in meinem ersten Post geschrieben. Und dass CSS alleine nicht greift. Und in PHP bin ich ein laihe.
Weswegen ich da auch gar nicht traue mit groß rumzuspielen. Aber irgendwann muss ich mich reinarbeiten und ausprobieren. Und ich finde immer ein eigenes Projekt umzusetzen die besten Lernmethode.
Und es macht für mich gerade persönlich keinen Sinn, wenn ich in einem Forum frage und mehr oder weniger die Antwort bekomme "such selber" oder "finde es selber heraus". Vielleicht ist es das falsche Forum. Ich weiß es nicht.....

Oben ist der Script. Du sagt in der Header.php. Wenn Du mir, verständlicher Weise, die Arbeit nicht abnehmen willst, dann sag mir doch bitte wo und wie das Logo definiert ist. Damit ich weiter suchen kann.

Sailor56, ich dank Dir viel mals. Es hat endlich gegriffen. Diese Lösung wurde aber glaub ich hier schon mal gegeben und es hat nicht gegriffen.

Es ist zwar ein anderes Thema, aber ich möchte nicht zu jeder Kleinigkeit ein Thread eröffnen.
Sobald ich eine im CSS eine Änderung mache, muss ich Chrome mehrmals laden, damit ich die Änderung angezeigt bekomme.
Bei Safari funktioniert die Änderung sofort. Kannst mir jemand sagen woran es liegt?