Transparente Farbfläche hinter Logo

[kraagg]

Hallo zusammen,

ich möchte auf einer Seite ein Bild/Logo einbinden. Da dieses über unterschiedlichen Bildern erscheint, will ich hinter dem Bild/Logo eine transparente weiße Fläche erzeugen, damit bei unterschiedlichen Background-Images ein möglichst guter Kontrast zu dem Logo vorhanden ist. Aber ich habe bisher noch nicht heraus gefunden, wie ich dies in Contao erstellen kann. Gibt es da irgendwelche Ideen, Vorschläge,... wie ich dies machen kann?

Danke schon mal für all Tipps.

Gruß David

[tab]

Das geht mit CSS. Wie soll es denn genau aussehen? Und wie sieht das HTML drum herum aus. Ein Link zur Seite wäre nützlich.

[kraagg]

Ja, das dachte ich auch schon, dass es wohl mit CSS gehen müsste.

Das ist der Code zu dem Template, das das Logo einfügt. An dieser Stelle müsste man das ja dann mit CSS stylen. Aber ich hab es nicht geschafft, das irgendwie zum Laufen zu bringen.

<?php $this->extend('block_searchable-ungrid'); ?>

<?php $this->block('content'); ?>
  <?php
  $this->insert('image', $this->arrData);
  ?>

<?php $this->endblock(); ?>

Und hier noch der Link zu der Seite: https://contao.twip-os.com/ (es geht um das Logo links oben)

[planepix]

Hallo David,

wenn es nur um das Logo einen transparenten weißen Hintergrund geht, dann kannst das das im CSS ergänzen:

.header-a .header-main-logo img {
width: auto !important;
    height: 54px;
    background-color: rgba(255,255,255,.7);
}

Ggf. noch etwas mehr „Rand” drum rum…

Beste Grüße nach KWH, ist um die Ecke