unerwünschter Block erscheint über Text, wenn div Größe ist

Question

Auf unserer Website http://reiner-lemoine-institut.de/ueber-uns/team/kathrin-goldammer/, wann immer das Fenster auf eine bestimmte Größe minimiert ist, erscheint ein blauer Block über einen Teil des Textes.

Ich habe einen Screenshot hinzugefügt, der den genauen Ort innerhalb des Codes angibt, der davon betroffen zu sein scheint. Ich bin kein Experte in CSS oder HTML, also bin ich hestitant den Code selbst zu ändern:

Offenbar aber das Problem erscheint, wenn die div.column_attr = genau 339,833 x 908. Alles, was unterhalb dieser Größe oder darüber ist gut.

Answer 1

Ich habe mit Ihrem CSS herumgespielt und denke, dass ich Ihr Problem gefunden habe.

Wenn Sie diese Hintergrundfarbe entfernen/auskommentieren, sollte Ihr Problem behoben sein.

Answer 2

Dies wird durch die folgende Zeile verursacht:

.get_in_touch, .infobox { 
    background-color: #0f3b64; 
} 

Wechsel zum transparent das Problem lösen soll:

.get_in_touch, .infobox { 
    background-color: transparent !important; 
} 

Ihr Thema hat eine custom.css Datei Ihre individuellen Stile setzen in es und befindet sich unter: css/custom.css so versuchen Sie, den obigen Code dort hinzuzufügen.

Answer 3

Ich habe eine Antwort auf Ihre Frage. Die folgende Klasse hat eine Hintergrundfarbe in Ihrer CSS-Datei. Sie können die Farbe entfernen, wenn Sie nicht auf der Website benötigt werden.

.get_in_touch, .infobox{background-color: #0f3b64} 

Oder Sie verwenden können, wo Inline-Hintergrundbild in infobox definieren also ist

.infobox{background-size:cover;}