kleine Design Anpassungen

  • Hallo Zusammen

    Ich habe das Design "Nisarg" im Einsatz.
    Habe vieles anpassen können aber bei diesen beiden Sachen finde ich nicht wo man dies anpassen kann.

    Folgendes möchte ich noch anpassen:
    - Bei den Untermenüs den roten Balken entfernen, so dass es aussieht wie beim Hauptmenü.
    - Rechts neben dem Inhalt ist nun das Logo, ich möchte dort nichts haben. Entferne ich dies, kommt die Suche und NewsArchiv.
    -Auf dem Smartphone sieht das Menü (Viereck) wird nur ein weisses Vierreck angezeigt
    - Gibt es eine Möglichkeit die Schrift über alle Seiten global zu ändern?

    Es geht um die Seite: test.myservice4you.ch

    • Anzeige

    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

  • Bei den Untermenüs den roten Balken entfernen, so dass es aussieht wie beim Hauptmenü.


    Versuche man nachfolgenden Code im Customizer in die Zusätzlichen CSS einzufügen:

    Code
    .main-navigation .primary-menu > li > .sub-menu li > a:hover,
    .main-navigation .primary-menu > li > .sub-menu li > a:focus {
     color: #000;
     background-color: #fff;
    }

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • -Auf dem Smartphone sieht das Menü (Viereck) wird nur ein weisses Vierreck angezeigt


    in die Zusätzlichen CSS:

    Code
    .menu-toggle {
        background-color: #000;
    }

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Rechts neben dem Inhalt ist nun das Logo, ich möchte dort nichts haben. Entferne ich dies, kommt die Suche und NewsArchiv.


    Ich unterstelle dir, daß das Logo nicht nur weg soll, sondern auch der "gewonnene" Platz soll nicht leer bleiben soll!

    Wieder in die zusätzlichen CSS kopieren:

    Code
    .home #secondary {
      display: none;
    }
    .home #primary {
      width: 100%;
    }

    All diese Codeteile sind auf allen Seiten und Beiträgen auf unerwünschte Nebeneffekte zu prüfen ;-)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Danke für die Hilfe. Die Codes haben gut funktioniert.

    Mit dem Code konnte ich (Rechts neben dem Inhalt ist nun das Logo, ich möchte dort nichts haben. Entferne ich dies, kommt die Suche und NewsArchiv.) auf der Startseite entfernen, aber bei den anderen Punkten noch nicht.

    Wie hast du dies herausgefunden? Den ich habe im Quelltext gesucht gehabt aber nicht wirklich herausgefunden, da die Darstellung des Quelltext im Browser "scheisse" aussieht.

  • Wie hast du dies herausgefunden? Den ich habe im Quelltext gesucht gehabt aber nicht wirklich herausgefunden, da die Darstellung des Quelltext im Browser "scheisse" aussieht.


    Ist eigentlich recht einfach.
    Jeder Browser hat so genannte Entwicklertools an Bord.
    Bei Chrome zum Beispiel geht das, wenn man mit der Rechten Maustaste Objekte auf der Website anklickt und aus dem Kontext Menü Untersuchen auswählt. Oder generell die Strg+Shift+I Tasten gleichzeitig drückt.
    Im Entwicklertool bekommt man so dann unter anderem die Definitionen für die CSS Klassen, den Quelltext und diverse andere Sachen angezeigt.

    Eignet sich prima, wenn man mal Änderungen versuchen und nicht unbedingt immer an der style.css rumschreiben will.
    Diese Änderungen sind aber nur temporär, da dies über den Browser Cache mit läuft. Wenn man die Seite dann aktualisiert im Browser wird auch wieder die Original css Datei geladen.

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

  • Habe mir das Entwicklertool im Browser (Iron / Chrome) angeschaut.
    Aber wirklich so gut ist dies nicht finde ich. Den wenn ich zb. wissen will, was für eine Formatierung "Bodypainterin/Synchronsprecherin Lucia Jantos" hat, sehe ich dies im Entwickler Tool nicht.

    ich habe im "Design -> Customizer ->Zusätzliches CSS" folgenden Code eingefügt: " body { font-family: Georgia, Arial, sans-serif; }". Ich habe abder das gefühl, dass nicht überall die Schrift übernommen wird. Ist also Zusätzliches CSS nicht stärker als die ursprüngliche CSS des Thema?

  • Also für die H1-H6 ist im Theme eine weitere Schrift eingesstellt!

    Code
    h1,h2,h3,h4,h5,h6 {
        clear: both;
        color: #212121;
        font-family: 'Lato', sans-serif;
        font-style: normal;
        font-weight: 400;
    }
    Zitat

    Ist also Zusätzliches CSS nicht stärker als die ursprüngliche CSS des Thema?


    stärker ist nicht der richtige Ausfruck, hier geht es um die Reihenfolge des des verarbeitens und da sind die Zusätzlichen CSS zu letzt dran. Da gibts aber auch noch das !important

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Einmal editiert, zuletzt von SEpp55 (24. August 2019 um 13:47)

  • Ich verzweifle fast beim Kontaktformular
    Beim einen habe ich Hintergrund "Gelb" gemacht und beim anderen "Transparent". Aber es macht mir bei beiden es Grau. Warum?
    Ich hab das StandardFormular Tool von WordPress verwendet, also kein PlugIn. Den ich möchte wo's geht ohne PlugIn arbeiten, den so bleibt alles schneller.
    Gelber Hintergrund beim Sendeknopf: http://test.myservice4you.ch/buchungsanfrage/
    Transparenter Hintergrund beim Sendeknopf: http://test.myservice4you.ch/kontaktallgemein/

  • Ich verzweifle fast beim Kontaktformular
    Beim einen habe ich Hintergrund "Gelb" gemacht und beim anderen "Transparent". Aber es macht mir bei beiden es Grau. Warum?
    Ich hab das StandardFormular Tool von WordPress verwendet, also kein PlugIn. Den ich möchte wo's geht ohne PlugIn arbeiten, den so bleibt alles schneller.
    Gelber Hintergrund beim Sendeknopf: http://test.myservice4you.ch/buchungsanfrage/
    Transparenter Hintergrund beim Sendeknopf: http://test.myservice4you.ch/kontaktallgemein/


    Probier es mal mit

    CSS
    background: #EDF000 !important;

    bzw.

    CSS
    background: transparent !important;

    Btw: Wordpress hat kein "Standard Formular Tool". Du hast scheinbar das "Contact Form Module" von Divi (deinem Theme) verwendet.

    2 Mal editiert, zuletzt von danielgoehr (27. August 2019 um 23:29)

  • Das Formular ist nicht "standard WordPress", schau mal in die Dokumentation des Divi Themes zum Thema Kontaktformular bzw. in einen Blogbeitrag zum Thema dort.

    Weiterhin sollte man auch den JavaScript Fehler in der Browser Konsole beheben.

    Und es fällt in der Browser Konsole auf, dass die ganze Seite offenbar nicht für die Subdomain "test" eingerichtet wurde und daher diverse Dateien nicht geladen werden können / dürfen.

    Generell: Für Fehlersuche usw. empfiehlt es sich zudem, immer alle Cache- und/oder Minify-Plugins komplett zu deaktivieren.

    6 Mal editiert, zuletzt von b3317133 (27. August 2019 um 23:35)

  • @daniel Göhr: Ja mit dem WordPress eigenen FormularTool meinte ich das Divi, da es im WordPress Standardmässig dabei ist.
    Danke, den Background für die Schaltfläche konnte ich anpassen.

    @b3317133: Die Subdomain verschwindet, sobald die Homepage Online geht, wird die Subdomain verschwinden.

  • @daniel Göhr: Ja mit dem WordPress eigenen FormularTool meinte ich das Divi, da es im WordPress Standardmässig dabei ist.


    Das stimmt nicht. Weder Divi ist standardmäßig dabei noch das Formular.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Ich verstehe nicht, warum die Gallery nach der Migration des Server die Bilder anders darstellt. Ob wohl alle gleichen PlugIns "Envira Gallery" installiert ist und die einstellungen 1zu1 sind. Den ich habe vom alten Server alles exportiert (Daten "Bilder,usw", sowie die Datenbank mit allen PlugIns) und auf dem neuem Server installiert habe.

    vorher: https://lucia-jantos.de/bildergalerie/neueste-werke/
    jetzt: http://test.myservice4you.ch/bildergalerie/neueste-werke

    Ausserdem musste ich einige Dateien umbenennen, da der neue Server keine Sonderzeichen im Dateiname (ö,ü,+) akzeptiert. Habe die Pfade in der Gallery angepasst, aber die Minivorschau (X) wird nicht angezeigt, erst wenn man aufs Bild klickt. Wie/wo kann ich die Gallery neu Berechnen (Minivorschau erstellen, anzahl Spalten berechnen, usw) machen http://test.myservice4you.ch/bildergalerie/acryl/

  • Du hast WordPress nicht sauber umgezogen. Schau mal in die Browser-Console (meist mit Taste F12). Beseitige erst mal die Fehler (Stichwort: Better Search Replace).

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Würde erstmal grundsätzliche Probleme beheben, siehe auch oben in #11.

    Beide Seiten enthalten JavaScript Fehler in der Browser Konsole.

    Die "jetzt" Seite verweist teilweise auf die Subdomain der "vorher" Seite.

    Für sinnvolle Fehlersuche usw. empfiehlt es sich, immer alle Cache- und/oder Minify-Plugins komplett zu deaktivieren.

  • Wie gesagt, die Subdomain verschwindet, sobald die Homepage definitiv Online geht.
    Ich habe keinen JavaScript erstellt, dies hat die EnviraGallery selbst erstellt. Komisch, dass dann einen JavaFehler gibt.
    Ich habe den Cache deaktiviert, aber es zeigt die Gallery immer noch komisch an.

  • Da du nur noch mit HelpMe_wp hier unterwegs bist, habe ich deinen 2. Account (Wbeginnerp) gerade gesperrt.

    Zum Thema: lies was b3317133 und SirEctor (bzgl. Plugin "Better Search Replace") geschrieben haben.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Du hast kein JavaScript erstellt, aber du hast beide Seiten "jetzt" und "vorher" unsauber aufgesetzt und/oder umgezogen.

    "vorher": es wurde nicht sauber auf https umgestellt (Mixed Content). Der Flexslider wird z. B. nicht sauber ausgeführt.

    "jetzt": Der Content kommt teilweise von einer anderen Domain und das ist nicht erlaubt (CORS)

    Beides kann man mit oben besagtem Plugin lösen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!