Balken per CSS über Bilder einer Galerie

Hallo Freunde,

bin gerade dabei eine Webseite mittels Elementor Pro zu erstellen.

Soweit so gut. Nun möchte ich bei einer Galerie einen Balken mit Schrift über alle Bilder legen.

Anbei ein Beispiel, wie ich so eine Banderole über das Call-to-Action Widget von Elementor einstellen kann.

Bei Galerien ist dies leider nicht möglich. Aber mit CSS ließe sich sowas doch sicher anstellen oder?

Alle Balken sollen gleich sein (also Beschriftung und Farbe usw.). Und jeweils in der normalen Ansicht, als auch bei der Lightbox.

Nur weiß ich leider nicht wie genau. Kann mir jemand behilflich sein?

Vielen Dank für Eure Hilfe.

 

Danke für Deine Info. Der Banner soll nur auf der Seite zu sehen sein. Sonst ist das kein Problem. Das mit der mobilen Ansicht stimmt natürlich.

Klar über Photoshop könnte ich das bei allen Bildern einzeln machen. Auf der alten Webseite war bzw. ist das auch noch so geregelt. Das will ich aber ja eigentlich umgehen, da das relativ aufwändig ist. Es soll halt möglichst smart und einfach sein.

Bei den Galerien in Elementor Pro habe ich das so nicht gefunden. Das Beispiel oben ist mit dem Call-to-Action Widget geregelt. Da gibt es diese Banderole. Kannst Du sonst dafür ein Plugin empfehlen?

 

Super, vielen Dank für die Info. Habe mal einige Plugins getestet. Eigentlich hat mich nur eines überzeug (weil die anderen einfach nicht so funktioniert haben wie ich mir das vorgestellt habe).

Easy Watermark. Allerdings kann ich dort nur ein Image als Watermark hochladen. Ich würde für das Projekt aber zwei Images benötigen. So dass ich ein wenig wechseln kann. Je nach Galerie.

Hat da jemand vielleicht eine Lösung? Die Idee mit zwei Watermark-Plugins zu arbeiten war leider nicht so erfolgreich.