Beiträge von Sailor56

  • Größen Probleme

    Da es sich bei deinem Header um ein Bild handelt,
    <img src="http://bendixen-haustechnik.de/wp-content/upl…Lg777777777.jpg" class="header-image" alt="Bendixen Haustechnik" width="1500" height="261">
    wird das ohne Einbußen nicht gehen, denn jeder Versuch dieses Bild in irgendeiner Position 'einzufrieren', damit der Header größer bleibt, führt dazu, dass das Bild verzerrt oder andere ungewollte Nebeneffekte entstehen.
    Die einfachste Lösung wäre vielleicht ein zweites Header-Bild, in dem du einfach einen großen Teil des (blauen) rechten Bildrand abschneidest und mehr oder weniger nur die Beschriftung übrig bleibt.
    Dann könntest du, ab einer von dir festzulegenden Bildschirmbreite, diese beiden Bilder mittels Mediaquery einfach austauschen.
    Ist zwar möglicherweise nicht die eleganteste Lösung, aber erfüllt vielleicht ihren Zweck.

  • Farbe und Art der Seitennamen ändern

    Auf deiner Startseite ist der Titel mit...

    <h2 class="elementor-heading-title elementor-size-default">Willkommen bei uns Zuhause!</h2>

    eingefügt und hat dort die folgende Formatierung:

    color: #15b6b8;
    font-family: "Roboto", Sans-serif;
    font-weight: 600;
    line-height: 1;
    font-size: 29px;

    Auf den anderen Seite sieht der Titel aber so aus und hat natürlich komplett andere Formate.

    <h1 class="entry-title">Die Familie</h1>

    Was du machen/versuchen solltest, dieser Klasse "entry-title" in dem zusätzlichen CSS deiner Customisers die Formate des anderen Titels zu geben!

    h1.entry-title {
    color: #15b6b8;
    font-family: "Roboto", Sans-serif;
    font-weight: 600;
    line-height: 1;
    font-size: 29px;
    }

    Möglicherweise gibt es in den Tiefen dieses 'Elementor'-CSS noch weitere Formate, die das Aussehen des Startseitentitels beeinflussen und ggf. noch nachjustiert werden müssen, wenn der obige Versuch nicht zufriedenstellend ausgeht.

  • contact form 7

    Weiß nicht ob es daran liegt, aber dein HTML ist nicht richtig!
    <p><div>...</div><div>...</div></p> geht nicht. Das <p></p> darf keine <div>'s enthalten.
    Versuches mal ohne <p>...<div>...</div><div>...</div>.
    oder, wenn du aus irgendwelchen Gründen unbedingt ein Elternelement brauchst... <div><div>...</div><div>...</div></div>

    Ansonsten stehen in deinem CSS Elemente, die ich ich im HTML nicht finde.

  • Widget verschieben! Woocommerce

    Es handelt sich in den meisten Fällen um Änderungen im CSS und dafür gibt es unterschiedliche Möglichkeiten.
    Die Erste und gleichzeitig auch Schlechteste wäre, du bearbeitest das Stylesheet 'style.css' deines Themes. Die Möglichkeit zum Bearbeiten findest du in deinem 'Dashboard' unter Design -> Editor.
    Aber davon das zu tun, kann man nur abraten! Denn Änderungen hier werden bei einem evtl. Update wieder überschrieben - und... wenn du hier was 'verwurschtest', dann hast du keine Rückfallposition für den Fall, dass was schief läuft.

    Möglichkeit zwei und eigentlich das, was du machen solltest, ist ein Child-Theme anzulegen. Anleitungen wie das geht gibt es etliche im Netz zB
    https://www.webtimiser.de/wordpress-child-theme-erstellen/
    Du müsstest dann für deine Seite das Child-Theme aktivieren und kannst fortan Änderungen in der style.css des Child-Themes (Vorgang wie oben) durchführen. Nachteil hier, du musst alle Änderungen manuell eintippen, denn diese style.css ist zunächst mal leer und muss von dir mit den gewünschten Änderungen befüllt werden. Das Child-Theme wird nicht durch Updates überschrieben, deine Änderungen bleiben als auf jeden Fall erhalten.

    Die dritte Möglichkeit wäre 'zusätzliches CSS' einzufügen. Diese Funktion erreichst du wieder über das Dashboard Design -> Customizer -> Zusätzliches CSS. Auch das bleibt bei einem Update erhalten und eignet sich gut für kleinere Änderungen und zum Testen.

  • Custom Navigation

    Wenn dir eine schlichte Lösung ausreicht, dann könntest du einfach die notwendige Anzahl von div's erzeugen, in denen du deine jeweiligen Inhalte / Navigation einfügst. Diesen div's gibst du jeweils eine ID.

    im CSS werden diese ID mit display: none; ausgeblendet.
    Weiter im CSS dann für diese ID's festlegen - position: fixed; top: 0px; left: 0px; bottom: 0px; width: [nach Bedarf];. Weitere Formate/Verhübscherungen natürlich auch möglich.

    Die Buttons in der Fußzeile müssen dann mit onclick eine JavaScript Funktion aufrufen, die für die gewünschte ID das display-Attribut auf 'block' ändert.
    Beispiele dafür findest du zu Hauf im Netz.

  • contact form 7

    Das sollte so gehen:

    HTML
    <lable style="display: inline-block;">EMail<br />[email* deine-email class:halb]</lable><lable style="display: inline-block;">Name<br /> [text* deine-name class:halb]</lable>
<lable>Nachricht<br />[textarea* deine-nachricht class:ganz]</lable>


    und dann im CSS den Klassen 'halb' und 'ganz' die Breite zuweisen:

    HTML
    .halb {
width: 50%;
}
.ganz {
width: 100%;
}


    oder welche 'width' auch immer passt.

  • Schriftfarbe bei mobilem Menü ändern

    Der Screenshot nutzt nichts, was soll man daraus schließen - ein Link zur Seite wäre besser.
    Von welchem mobilen Menü redest du... Menü für mobile Endgeräte (Tablet / SmartPhone)? Die haben in der Regel keine Maus - keine Maus, kein Mouseover.
    Ansonsten hilf die Pseudo(CSS) Klasse :hover
    a:hover {
    font-weight: bold;
    }

  • Logo Bereich Twenty Sixteen verändern - Bilddatei per CSS verklinkbar?

    Da ich weder dein Theme, noch den von dir verwendeten Child Theme Configurator kenne, muss ich jetzt einfach einige Vermutungen anstellen.
    Auf jeden Fall solltest du eine header.php im Themen Ordner des Originals (parent) finden und auch vielleicht, je nachdem wie dieser Configurator arbeitet auch im Themen Ordner des Child Themes finden.
    Einfacher vielleicht, wenn du mal im Dashboard unter Design / Editor schaust, ob in der Auflistung auf der rechten Seite irgendwas von 'header.php' zu finden ist?

  • Logo Bereich Twenty Sixteen verändern - Bilddatei per CSS verklinkbar?

    Das wird nicht gehen - mit CSS kannst du nur Hintergrundbilder 'verlinken'. Ein HTML Element einfügen (wie das Logo) kannst du auch nur mit dem <img ...> Tag.
    Ich würde dir auch abraten, dieses Logo mit position: absolute; zu positionieren, denn damit ist das Bild aus dem Textfluss raus und wird dir bei bei kleineren Displays (zB Handy) gnadenlos den Rest des Headers abdecken.
    Ich könnte mir aber eine Lösung vorstellen, indem du das Bild ... ohne die Funktion des Customizers zu nutzen ... in den Header einfügst. Wie sieht denn deine header.php aus?