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)

    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
          perfekt, herzlichen Dank

          Kommentar

          UNTERSTÜTZT UNS!

          Einklappen


          Für alle Amazon-Käufe, die ihr über diese Suchmaske tätigt, bekommen wir eine kleine Umsatzbeteiligung. Euch kostet es nichts mehr und wir können von den Einnahmen einen Teil unserer Kosten abdecken!

          Vielen Dank für eure Unterstützung!

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

          Einklappen

          Themen: 56.660   Beiträge: 428.526   Mitglieder: 28.282   Aktive Mitglieder: 68
          Willkommen an unser neuestes Mitglied, NikitaBuzhor.

          Online-Benutzer

          Einklappen

          191 Benutzer sind jetzt online. Registrierte Benutzer: 8, Gäste: 183.

          Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

          Die neuesten Themen

          Einklappen

          Die neuesten Beiträge

          Einklappen

          Lädt...
          X