Beiträge von Sailor56

  • Logo Größe ändern. Aber wie ?

    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.


    Dieses Custom CSS erreichst du in WP über die Benutzeroberfläche -> Design -> Customizer -> zusätzliches CSS

    Und dann sollte dein Logo so aussehen:

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

  • Logo Größe ändern. Aber wie ?

    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: [COLOR=#ff0000]xxx[/COLOR]px;
    }

    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: [COLOR=#ff0000]xx[/COLOR]px; und left: [COLOR=#ff0000]xx[/COLOR]px; justieren

  • Bin am verzweifeln - css-Problem

    Du hast Recht :-)... das Stylesheet ist gruselig und bedarf wohl dringend der Überarbeitung.
    Aber das sich der rechte Container nicht an den Inhalt anpasst, liegt wohl daran, dass du für #rechts an mehreren Stellen ein min-height (zB in Zeile 418ff deiner styles.css min-height: 850px;) angegeben hast.
    Mit dem FireFox Update ist wohl nichts verkehrt, zumindest bei mir funktioniert der Inspektor nach wie vor einwandfrei.

  • Logo Größe ändern. Aber wie ?

    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: [COLOR=#ff0000]xx[/COLOR]px;
    }
    wobei [COLOR=#ff0000]xx[/COLOR] deine maximale Höhe sein soll.

    Wäre auch als style="max-heigt: [COLOR=#ff0000]xx[/COLOR]px;" 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.

  • File:/// Protocol

    Ich arbeite lokal mit XAMP und da ist es so, dass nur der Aufruf der Startseite auf den 'localhost' (file:///C:/xampp7/htdocs/...) erfolgt. Von dort aus, also im Seitencode, brauche ich lediglich relative bzw absolute Adressen angeben, um an die gewünschte Stelle zu verlinken.
    Vielleicht ist das bei WAMP ja auch so.

  • Fehler in der Forensoftware? Oder stimmt etwas nicht mit meinen Einstellungen?

    Ich beobachte hier im Forum folgende ungewöhnliche Dinge, die ich so aus keinem anderen Forum kenne.
    Themen bleiben als 'ungelesen' markiert, obwohl ich diese mehrfach öffne (bei Themen über mehrere Seiten auch jede einzelne Seite) und auch keine neuen Beträge vorhanden sind.
    In der Suchabfrage nach 'Neuen Beiträgen' ebenso - es werden zwar 'neue', aber dennoch von mir bereits gelesene Beiträge aufgelistet. Bei einigen ist die Formatierung Fettschrift zwar auf normal zurückgesetzt, bei Anderen dann wieder nicht. Aktualisieren hilft nichts - die Ungelesenmarkierung bleibt.
    Dann erscheint bei mir manchmal beim Absenden einer Antwort die Meldung, dass der Beitrag erst von einem Moderator freigeschaltet werden muss... geschieht das nach dem Zufallsprinzip oder ist da irgendetwas im Beitrag.. Link(?)... Bild(?).. Code(?), dass überprüfungsbedürftig ist?
    Sicherlich kein großartiger Grund, um sich darüber wirklich aufzuregen aber immerhin ärgerlich genug, um mal zu erfragen, ob andere Forennutzer die selben Beobachtungen machen - oder ob ich ganz einfach in meinen Einstellungen irgendwo ein Häksken übersehen habe?

  • Link hovering funktioniert nicht

    Anscheinend hat ja der 'HTML-Fehler' am Link mit dem Logo nicht wirklich großartige Auswirkungen, sieht nur unschön im Quellcode aus - kannst dir dann auch etwas Zeit lassen mit der Reparatur und erst noch versuchen herauszufinden, an welcher Stelle im Menü dir Wordpress diesen doppelten Link einbaut.
    Eine Änderung des :hover im style.css wird nicht nötig sein! Im CSS gilt immer der letzte Eintrag und überschreibt die vorherige Festlegung. Außerdem wird das style.css bei dem nächsten Update des Themes überschrieben und dann sind alle Änderungen dort wieder auf das Original zurückgesetzt.

  • Das Impressum läst sich nich verschieben

    Möglichkeit 1:
    Erstelle ein 'Child Theme' und füge dort folgenden Code ein:

    HTML
    .to-top {
    float: left;
}


    Möglickeit 2:
    Wähle in der WP Oberfläche den Punkt 'Design' und dort dann den Punkt 'Customizer'
    In der sich öffnenden Ansicht wähle den Punkt 'zusätzliches CSS' - dort sollte sich ein Eingabefeld öffnen, in dem du obigen Code eintragen kannst.

  • Big Header bei Zerif Lite verschmälern (Editor FEHLT)

    Ich kann dir nicht sagen, wie du den Editor bei dir aktivieren kannst... bei mir finde ich den unter Design.

    Änderungen hier gehen aber verloren bei einem eventuellen Update - also besser ein Child Theme anlegen und die Änderungen dort durchführen.
    Oder unter Customizer -> zusätzliches CSS.
    Aber zuerst musst du herausfinden, welches Element du ändern willst?

  • Link hovering funktioniert nicht

    Zunächst mal musst du die Stelle finden, wo dieses

    HTML
    #masthead h1.site-title a { color: #d8a33e; }


    steht. Ich vermute, da es als Style-Definition im Quelltext auftaucht, dass es bei dir unter
    Design -> Customizer -> zusätzliches CSS zu finden ist. Hier solltest du folgenden Code hinter dem obigen Code, am Besten in einer neuen Zeile eintragen.
    Sollte es dort wider Erwarten nicht zu finden sein, dann kannst du dort aber diesen Code auch eintragen.

    HTML
    #masthead h1.site-title a:hover { color: #xxxxxx; }


    Wobei das xxxxxx für den Farbwert steht, denn du haben willst (#ff0000 wäre zB rot).
    Damit wäre die Reihenfolge der Pseudoformate wieder hergestellt, denn es zählt in CSS immer nur der letzte Eintrag und da steht jetzt .. a... gefolgt von a:hover.

    Das mit dem Link im Link am Bild ist ganz sicher eine der Nachteile bei solchen WYSIG Editoren. Du vertraust darauf, dass es richtig ist, weil es in der visuellen Ansicht gut aussieht und funktioniert, aber ob es richtig ist, siehst du erst, wenn du dir den Code ansiehst, der daraus produziert wird.
    Du müsstest aber in der Lage sein in der Text-Bearbeitungsansicht der Seite die Stelle zu finden und auch dort auch zu korrigieren.

  • Link hovering funktioniert nicht

    Das scheint ein bisschen komplizierter zu sein!
    Zur Theorie: in CSS spielt die Reihenfolge, mit der Elementen ein Format zugewiesen wird, eine Entscheidende Rolle.
    Bei den Pseudoformaten :focus, :hover, und :active kann man das schnell erkennen, weil es dann nicht so funktioniert, wie man es erwartet.
    https://wiki.selfhtml.org/wiki/CSS/Selek…,_active,_focus
    ist in dem Link ganz gut beschrieben.
    Bei dir scheint es so zu sein, dass deine :hover Formate alle in deiner style.css vorhanden sind... aber... direkt danach erscheint in deinem Quellcode eine Style-Definition, in der du dem ...

    HTML
    #masthead h1.site-title a { color: #d8a33e; }


    zuweist und damit diese vorgesehene Reihenfolge nicht mehr einhältst.
    Das ist möglicherweise in einer zusätzlichen CSS Anweisung erhalten, die du durch 'Design -> Customiser -> zusätzliches CSS' eingefügt hast.

    Beim Nachschauen in deinem Quellcode ist mir aufgefallen, dass auch der Link mit dem Logo-Bild fehlerhaft ist.
    Hier hast du ein ein <a...><a...><bild></a></a> eingebaut.. also einen Link im Link. Das geht in HTML gar nicht - du solltest das ändern.