Hintergrundbild einer Zeile ansprechen

Hallo,

ich benutze Wordpress mit dem Impreza Theme und wollte fragen, ob es mit CSS möglich ist, das Hintergrundbild einer Zeile anzusprechen. Ich bin absoluter neuling in sachen Wordpress und würde mich sehr über eure Hilfe freuen.

Freue mich auf Antworten

MfG
Lukas

 

Entschuldigung, für die spärlichen Informationen. Ich habe eine Zeile mit Hintergrundbild und darüberliegendem Text, nun möchte ich das, wenn man mit dem Mauszeiger über das Bild fährt, das Bild etwas hineingezoomt wird.

Hier ist der HTML Code von dem Teil meiner Website:


<div class="l-section-h i-cf"><div class="g-cols vc_row type_default valign_middle"><div class="vc_col-sm-12 wpb_column vc_column_container"><div class="vc_column-inner"><div class="wpb_wrapper">
<div class="wpb_text_column vc_custom_1519231530364 picture-shadow">
<div class="wpb_wrapper">
<h2 style="text-align: left;"><strong>Tätigkeitsbereiche</strong></h2>

</div>
</div>
<div class="g-cols wpb_row type_default valign_middle vc_inner picture-shadow vc_custom_1519236504257"><div class="vc_col-sm-6 wpb_column vc_column_container"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_empty_space" style="height: 50px"><span class="vc_empty_space_inner"></span></div>

<div class="wpb_text_column vc_custom_1519231483102">
<div class="wpb_wrapper">
<h2><strong>BRANDSCHUTZ</strong></h2>
<h4>?<br>
?<br>
?<br>
?<br>
?<br>
?</h4>
<div class="w-btn-wrapper align_left"><a class="w-btn style_solid color_primary icon_none"><span class="w-btn-label">Mehr erfahren</span></a></div>

</div>
</div>
<div class="vc_empty_space" style="height: 50px"><span class="vc_empty_space_inner"></span></div>
</div></div></div><div class="vc_col-sm-6 wpb_column vc_column_container"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div></div></div></div></div></div></div>

Ich kenne mich wie gesagt nicht sehr gut mit HTML aus, jedoch bitte ich um Eure Hilfe!

Ich freue mich über Antworten.

Gruß Lukas

 

Ich habe schon probiert, das Bild irgendwie anzusprechen, jedoch leider erfolglos. Wie man hinterher mit CSS die Animation einfügt, ist mir bekannt.

Der Link zur Seite: https://moeller-bsp.de

Ich freue mich über Antworten.

MfG
Lukas

 

Achso okay, ich bin bis jetzt immer nur von dem HTML Code ausgegangen, an den eigentlichen CSS Code habe ich gar nicht gedacht.

Vielen Dank schonmal, ich werde das ganze Heute Abend mal ausprobieren und dann nochmal Berichten.

Gruß Lukas

 

So, ich habe gerade mal ausprobiert das Hintergrundbild über den vc_custom code zu erreichen und siehe da es Funktioniert, Super!!!

Ich habe jetzt mit dem transform: scale(X) Befehl gearbeitet und dieser Funktioniert auch einwandfrei, jedoch hätte ich gerne das dass Bild seine eigentliche Größe behält und nur Hineingezoomt wird. Ist das irgendwie möglich?

Gruß Lukas