1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Logo Größe ändern. Aber wie ?

Dieses Thema im Forum "Design" wurde erstellt von Admiss, 26. Juni 2017.

  1. Admiss

    Admiss Well-Known Member

    Registriert seit:
    23. Juni 2017
    Beiträge:
    46
    Zustimmungen:
    0
    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/
     
  2. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Warum soll da mit zusätzlichen CSS nichts zu machen sein? So was geht in der Regel immer mit CSS!
    In deiner styles.css (Zeile 1621) ist für das Element ".custom-logo-link img" ein Wert für "max-heigt" definiert. Der könnte dafür verantwortlich sein, dass du die Logo-Größe nicht vergrößern kannst!
    Füge mal als zusätzliches CSS
    .custom-logo-link img {
    max-heigt: xxpx;
    }
    wobei xx deine maximale Höhe sein soll.

    Wäre auch als style="max-heigt: xxpx;" im <img...> Tag machbar.

    Dann wäre es vorteilhaft, wenn du 'width=".."' und 'heigt=".."' Angaben im Image Tag löschen würdest. Diese sollten in einem HTML5 Dokument nicht (mehr) verwendet werden - stattdessen ist CSS zu verwenden.
     
  3. Admiss

    Admiss Well-Known Member

    Registriert seit:
    23. Juni 2017
    Beiträge:
    46
    Zustimmungen:
    0
    Hey, ich habe es versucht mit:

    .custom-logo-link img {
    max-heigt: 1000px;
    }

    Es tut sich nicht. Und ich weiß nicht in welchen HTML Dokument
    'width=".."' und 'heigt=" sind. ICh hab im Index.html und in der Header.html nachgeschaut. Ich sehe nicht?
     
  4. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    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;}
     
  5. Admiss

    Admiss Well-Known Member

    Registriert seit:
    23. Juni 2017
    Beiträge:
    46
    Zustimmungen:
    0
    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. screen.gif
     
  6. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
  7. Admiss

    Admiss Well-Known Member

    Registriert seit:
    23. Juni 2017
    Beiträge:
    46
    Zustimmungen:
    0
    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.
     
  8. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    die <div class="wrap"> hat eine Höhe von 256px - das Logo in diesem "wrap" hat eine Höhe von 250px

    hier ein Screen dazu div-abmessungen.jpg
     
  9. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    aaah ist wirklich das - .site-branding - sorry!
    wrap ist der mintgrüne Hintergrund mit Menü darunter bzw. darüber.
     
    #9 SEpp55, 27. Juni 2017
    Zuletzt bearbeitet: 27. Juni 2017
  10. Admiss

    Admiss Well-Known Member

    Registriert seit:
    23. Juni 2017
    Beiträge:
    46
    Zustimmungen:
    0
    Ich kann einfach nicht mit CSS daraufgreifen. Ich glaub es muss in irgendeiner PHP festgelegt sein. Weiß einfach nicht wo .....
    Keiner eine Lösung?
     
  11. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    du darfst nicht vergessen, deine seite ist responsive.
    Daher sollte auch ein paar andere werte angepasst werden.

    Poste einfach ein Bild oder erstelle es mit einen Bildprogramm wie du es gerne hättest.
    Ansosten etwas CSS lernen oder erabeiten.
     
  12. Admiss

    Admiss Well-Known Member

    Registriert seit:
    23. Juni 2017
    Beiträge:
    46
    Zustimmungen:
    0
    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

    screen.gif
     
  13. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    hy,

    Also wenn du es so wie auf deinen Screen haben möchtest... müsstest du dein logo oben etwas wegschneiden.
    Und in der grösse hochladen oder erstellen wie du es ca. haben möchtest.
    PS: arbeit von keine 2 minuten.

    logo-header.JPG
     
  14. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    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.
    Dein Vorhaben, wie es im Screeshot zu sehen ist, ist mit deinem derzeitigen Seitenaufbau kaum zu realisieren. Dein Logo ist in anderen Elementen eingebettet und übernimmt damit zwangsweise auch einen Teil deren Formate... zum Beispiel-> das Elternelement hat eine max-height von 100px - dann kannst du dich auf den Kopf stellen, aber du wirst das Logo nicht größer bekommen, als eben diese definierten 100px.
    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:

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

    dann musst du in deinem Stylesheet für dieses Logo und mit dieser ID folgendes notieren:

    #ein_einmaliger_name {
    position: absolute;
    height: xxxpx;
    }

    eine Breitenangabe (width) brauchst du nicht zu machen, die stellt sich automatisch nach der Höheneingabe ein.

    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!
    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: xxpx; und left: xxpx; justieren
     
  15. Admiss

    Admiss Well-Known Member

    Registriert seit:
    23. Juni 2017
    Beiträge:
    46
    Zustimmungen:
    0
    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.

    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,

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

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

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

    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.
     
    #15 Admiss, 28. Juni 2017
    Zuletzt bearbeitet: 28. Juni 2017
  16. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    Das muss du aber ,)
    du willst es rausreisen... dann schau in deinen Theme ordner in die header.php
    dort findest auch HTML ;)

    und verstehe uns nicht falsch.. wir geben tipps... und werden dir nicht die arbeit abnehmen für die CSS anpassung.
    Oder gib einfach ein JOB angebot auf, der dir das dann macht.. wenn du schon nicht mit HTML und CSS vertraut machen willst...
     
  17. Admiss

    Admiss Well-Known Member

    Registriert seit:
    23. Juni 2017
    Beiträge:
    46
    Zustimmungen:
    0
    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.
     
  18. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    schau mal da nach in deinen Themen ordner

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

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Wenn du dir unsicher bist in Sachen HTML und CSS... und bei WP auch noch nicht so richtig sattelfest bist, dann ist es nicht die beste Idee dich an das PHP heran zu wagen. Zumal bei einem Update des Themes wahrscheinlich alle deine Änderungen wieder weg sind.
    Du sagst.. alle tun so, als wäre es einfach! Ja.. ist so, es ist einfach, aber eben nicht, wenn man nicht gewillt ist sich mit der Materie näher zu befassen.
    Um dir das zu beweisen, habe ich deine Seite auf meinem Lokalhost laufen lassen und dort dann mal folgende CSS Zeilen in das Custom CSS eingetragen.
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Dieses Custom CSS erreichst du in WP über die Benutzeroberfläche -> Design -> Customizer -> zusätzliches CSS

    Und dann sollte dein Logo so aussehen:
    logo_bigger.jpg

    Position und Größe sollten dann einfach an das restliche Design anzupassen sein.
     
  20. Admiss

    Admiss Well-Known Member

    Registriert seit:
    23. Juni 2017
    Beiträge:
    46
    Zustimmungen:
    0
    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?
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden