Verfasste Forenbeiträge

Ansicht von 10 Antworten - 1 bis 10 (von insgesamt 10)
  • Thread-Ersteller trm2000

    (@trm2000)

    Den Abstand habe ich inzwischen weg bekommen.

    Dazu musste ich einen Gap wie folgt anpassen:

    .spaltenhover {
    	display: inline-flex !important;
    	gap: 0px !important;
    	min-height: 292px !important;
    	max-height: 292px !important;
    	min-width: 960px !important;
    	max-width: 960px !important;
    }

    Komisch, weil die Bilder exakt 320x320px sind.

    Die Frage nach den dunklen Bildern bleibt 🙂

    LG Mathias

    Thread-Ersteller trm2000

    (@trm2000)

    Hallo Bego Mario,

    ich habe noch eine Rückfrage.

    Per Button habe ich es geschafft – zumindest in der Desktopansicht. Die mobile Version klappt noch nicht.

    Aber zu den Spalten habe ich noch zwei Fragen.

    Frage 1:
    Da ich ja 3 Bilder nebeneinander, 6 Bilder insgesamt, in zwei Reihen anordnen möchte, musste ich einen zweiten Reihenblock einfügen. Dort gibt es nun einen Abstand, den ich nicht weg bekomme. Per CSS finde ich auch nicht, wo da ein Padding, Margin oder Gap (Flex) angepasst werden könnte. Vielleicht kannst Du bitte noch einmal einen Blick drauf werfen?

    Frage zwei: Warum bekomme ich die Bilder nicht heller?

    Hier meine CSS-Klassen und der Aufbau der Blöcke..

    Ansicht der Blöcke

    1 = gruppespaltenhover
    2 = spaltenhover
    3 = (nichts vergeben)
    4 = coverhover
    5 = (nichts vergbeben)
    6 = buttonhover

    div#gruppespaltenhover.wp-block-group {
    	display: inline-flex !important;
    	gap: 0px !important;
    	padding: 0px !important;
    	margin: 0px !important;
    	box-sizing: content-box !important;
    }
    .spaltenhover {
    	display: inline-flex !important;
    	gap: 0px !important;
    	min-height: 340px !important;
    	max-height: 340px !important;
    	min-width: 960px !important;
    	max-width: 960px !important;
    }
    .coverhover {
    	min-height: 320px;
    	max-height: 320px;
    	min-width: 320px;
    	max-width: 320px;
    	padding: 0px;
    	margin: 0px;
    	opacity: 1;
    }
    .buttonhover{
    	min-height: 320px;
    	max-height: 320px;
    	min-width: 320px;
    	max-width: 320px;
    	opacity: 1;
    }
    .buttonhover > .wp-block-button__link {
    	min-height: 320px;
    	max-height: 320px;
    	min-width: 320px;
    	max-width: 320px;
    	border-radius: 0px;
    	cursor: pointer;
    	opacity: 0;
      transition: 2.0s ease;
    	color: #406a7c !important;
      background: #ffffffdd !important;
    	font-size: 1.4em !important;
      vertical-align: middle;
    	padding-top: 180px;
    }
    .buttonhover:hover > .wp-block-button__link:hover {
    	opacity: 0.9;
    	transition: 1.0s ease;
    	color: #406a7c !important;
      background: #ffffffee !important;
    	font-size: 1.4em !important;
      vertical-align: middle;
    	padding-top: 120px;		
    }

    Hier noch der Link zur Testseite: Link zur Testseite

    Lieben Gruß Mathias

    • Diese Antwort wurde geändert vor 2 Monaten von trm2000. Grund: Gurß vergessen
    • Diese Antwort wurde geändert vor 2 Monaten von trm2000. Grund: CSS angepasst
    Thread-Ersteller trm2000

    (@trm2000)

    Vielen lieben Dank.

    Daran habe ich gar nicht gedacht.

    Damit ist meine Frage beantwortet.

    Liebe Grüße Mathias. 🙂

    PS: teste ich morgen.

    • Diese Antwort wurde geändert vor 2 Monaten von trm2000. Grund: Nachtrag
    Thread-Ersteller trm2000

    (@trm2000)

    Hallo Bego Mario,

    das möchte ich nicht, mit Button. Ein overlay wird von e Verein gewünscht. 😅

    LG Grüße Mathias

    Thread-Ersteller trm2000

    (@trm2000)

    Hallo Hans-Gerd,

    lieben Dank für die Mühe. Leider ist das schon längst umgesetzt.

    Ich suche eine Möglichkeit, dass das overlay selbst als Link komplett fungiert.

    Auf der Seite von ionos ist das sichtbar:
    https://tham.frank-langguth.de/

    LG Mathias

    Thread-Ersteller trm2000

    (@trm2000)

    Hallo und vielen Dank für die Antwort.

    Es geht mir nicht um den Slider, sondern um die 6 Bilder unter dem Slider.

    Auf der aktuellen Startseite habe ich es einigermaßen zusammengeschustert, aber es gelingt mir nicht, dass ein overlay als Link anklickbar ist. Daher hae ich die Schrift als Link benutzt.

    Außerdem habe ich die Testseite entfernt.

    Thread-Ersteller trm2000

    (@trm2000)

    Thread-Ersteller trm2000

    (@trm2000)

    Hallo Bego Mario,

    da hat sich leider etwas überschnitten. Ich war unterwegs und habe zwischendurch am Handy, als ich im Stau stand, hier die Antwort reingetippelt. Nach dem Absenden habe ich erst Deine Antwort gesehen.

    Sorry dafür.

    Thread-Ersteller trm2000

    (@trm2000)

    Hallo Hans-Gerd,

    vielen Dank für die ausführliche Antwort. Das Plugin sieht in der Tat gut aus. Herzlichen Dank dafür.

    Gibt es Hinweise, dass WP solche Funktionen später auch einbaut?

    LG Mathias

    Thread-Ersteller trm2000

    (@trm2000)

    Vielen Dank für die Links.

    Die Anleitungen von WordPress selbst hatte ich schon angeschaut, die Gutenberg Fibel kannte ich tatsächlich noch nicht.

    Leider hatte ich unter den Links nichts gefunden was meine Fragen beantworten konnte.

    Speziell zur Tabelle ( https://tham-thueringen.de/pilzberatung/pilzberater-nach-landkreisen/ ) würde ich gerne wissen, wie ich Spalten einer Zeile zusammenfassen kann, so dass z.B. Landkreis Altenburger Land nicht nur in der ersten Spalte steht.

    Die HTML Notation (colspan=“4″) wird von WP6 leider nicht mehr angenommen. Außerdem kann ich keine farblichen Akzente einzelner Spalten mehr erzeugen.

    Über Ideen wäre ich sehr erfreut.

    Mit freundlichen Grüßen Mathias

Ansicht von 10 Antworten - 1 bis 10 (von insgesamt 10)