1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Widget - Responsive für verschiedene Desktops

Dieses Thema im Forum "Design" wurde erstellt von Drag and Drop, 7. Dezember 2017.

  1. Drag and Drop

    Drag and Drop Well-Known Member

    Registriert seit:
    7. Dezember 2016
    Beiträge:
    411
    Zustimmungen:
    0
    Hi,

    ich möchte gerne Bilder über ein Widget einfügen und dieses

    für alle Desktop-Bildschirme responsive machen.

    Ich wollte mit Media Queries arbeiten und diese in den "Eigenen CSS"-

    Bereich des Feldes einfügen, dass ich danach als Widget speichere.


    @media only screen and (max-width: 1600px) {


    }


    Ich dachte, dass der Code alleine schon reicht, um dem Widget klar zu machen,

    dass es ab jetzt nur noch auf Geräten bis zu 1600px sichtbar ist. Hat nicht geklappt.

    Fehlt noch ein Befehl??


    Danke für Eure Hilfe
     
  2. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    du musst schon die widget Klasse ansprechen, wie sonst soll das funktionieren. Außerdem bedarf es dann ja auch noch einem display:none o.ä.
     
  3. Drag and Drop

    Drag and Drop Well-Known Member

    Registriert seit:
    7. Dezember 2016
    Beiträge:
    411
    Zustimmungen:
    0
    Hab jetzt folgendes gemacht: klasse5 über Custom CSS definiert

    und anschließend die Bezeichnung klasse5 in den CSS-Bereich des Widgets eingesetzt.

    Aber auch +1600 Breite ist das Feld sichtbar.


    Custom-CSS:

    .klasse5: @media only screen and (max-width: 1600px) {


    display:none;
    }
     
  4. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    vielleicht lernst du erst mal ein paar Grundlagen des CSS, du fragst ja in letzter Zeit ziemlich häufig sowas. Hat ja sowieso nichts mit WordPress zu tun.

    @media only screen and (max-width: 1600px) {
    .klasse5{display:none;}
    }
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden