Support » Allgemeine Fragen » Post Grid Bildhöhe ändern

  • rankosua

    (@rankosua)


    Hallo,

    ich hoffe sehr, dass mir jemand helfen kann.

    Ich habe auf meiner Starseite ein Post Grid (Beitragsübersicht). Hier möchte ich gerne die Bildhöhe ändern.

    Ich habe es schon mit folgendem Code versucht:

    .vc_gitem-zone {
        max-height: 250px;
    }
    

    Leider ist dann aber nicht mehr der Weiterlesen Button zu sehen.

    Dann habe ich noch diesen Code probiert:

    .vc_gitem-animated-block {
      max-height: 250px;  
    }
    

    Aber leider ist das Bildformat dann so komisch.

    Ich hoffe, jemand kann mir sagen, wie ich die Höhe richtig ändern kann.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 1 Antwort (von insgesamt 1)
  • Moderator Bego Mario Garde

    (@pixolin)

    Ich habe es schon mit folgendem Code versucht:

    .vc_gitem-zone {
        max-height: 250px;
    }

    Mit max-height legst du eine Höhe fest, die nicht überschritten werden darf. Hast du in einem Abschnitt mit max-height: 250px ein Bild mit einer Größe von 120 Pixeln, wird das Bild auch nur mit 120 Pixeln angezeigt.
    Setzt du den Wert auf min-height: 250px;, wird das Bild mit einer Höhe von mindestens 250 Pixeln dargestellt, während height: 250px; die Bildhöhe unabhängig von der tatsächlichen Größe des Bildes festlegt.

    Achte darauf, dass hochskalierte Bilder rasch unscharf aussehen, weil der Browser nicht vorhandene Pixel interpolieren muss.

    Auch wenn du WordPress verwendest, hat das alles wenig mit WordPress zu tun und du bist mit Fragen zu Cascading Style Sheets in einem CSS-Support-Forum sicher besser aufgehoben. Es sprengt eigentlich den Rahmen, wenn wir hier Grundkenntnisse in HTML, PHP, JavaScript und CSS vermitteln sollen. Deshalb ändere ich den Status des Threads auch auf „keine Support-Frage“.

Ansicht von 1 Antwort (von insgesamt 1)
  • Das Thema „Post Grid Bildhöhe ändern“ ist für neue Antworten geschlossen.