Ankündigung

Einklappen
Keine Ankündigung bisher.

CSS (Anfänger Frage)

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • CSS (Anfänger Frage)

    ALL-INKL.COM - Webhosting Server Hosting Domain Provider
    Hi
    In der Inspektor Console habe ich die Änderung (in Rot) erfolgreich getestet.

    element.style {
    1. height: 200px;
    2. background-image: url(https://coaching.rontimm-qigong.ch/w...l_999452.png);
    3. background-position: left 100px top;
    4. background-size: contain;
    5. background-repeat: no-repeat;

    }

    hier der Printscreen:
    Auswahl_999(464).png

    Jedoch bei Einfügen in das Custom Css Feld meiner Webseite wird die Änderung nicht übernommen.


    element.style {
    height: 200px;
    background-image: url(https://coaching.rontimm-qigong.ch/w...l_999452.png);
    background-position: left 100px top;
    }

    was fehlt vor element.style?

    Die betroffene Webseite: https://coaching.rontimm-qigong.ch/

    Besten Dank
    Andy

  • #2
    Der "Selektor" element.style wird vom Browser verwendet, um anzuzeigen, dass dass CSS genau für das betr. Element gilt. In deinem CSS funktioniert dieser nicht. Du kannst jedoch die Klasse verwenden:
    Code:
    .wpes-banner {
        height: 200px;
        background-image: url(https://coaching.rontimm-qigong.ch/w...l_999452.png);
        background-position: left 100px top;
    }

    Kommentar


    • #3
      Hi, thanks for your help.
      I used the code like this. Unfortunately the effect does not work. The logo does not move.

      Kommentar


      • #4
        Verstehe, ich hätte gleich genauer hinsehen sollen. Ich habe jetzt deinen Link geöffnet und folgende Probleme festgestellt:
        1. Die background-position wird dort durch Inlinestyles festgelegt, diese haben eine höhere Priorität als ein Selektor mit einer Klasse. Du kannst das umgehen, indem Du der Regel ein !important hinzu fügst.
        2. Deine Syntax ist fehlerhaft, entweder left oder eine Maßangabe, beides zugleich funktioniert nicht.
        So sollte es dann funktionieren:
        Code:
        .wpes-banner {
           background-position: 100px top !important;
        }

        Kommentar


        • #5
          ALL-INKL.COM - Webhosting Server Hosting Domain Provider
          perfekt, herzlichen Dank

          Kommentar

          homepage-forum.de - Hilfe für Webmaster! Statistiken

          Einklappen

          Themen: 56.537   Beiträge: 427.593   Mitglieder: 28.117   Aktive Mitglieder: 48
          Willkommen an unser neuestes Mitglied, nuz.

          Online-Benutzer

          Einklappen

          220 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 217.

          Mit 2.057 Benutzern waren am 14.07.2019 um 12:45 die meisten Benutzer gleichzeitig online.

          Die neuesten Themen

          Einklappen

          Die neuesten Beiträge

          Einklappen

          Lädt...
          X