jensgebken
Goto Top

Objekt ausblenden Wordpress

Hallo Gemeinschaft,

möchte gerne ein Objekt in Wordpress ausblenden

im customizer -> zusaätzliches css bin ich glaube ich richtig

das Objekt sieht so aus
<div class="hb-single-option hb-option-accom-8061 hb-option" style="display: block;">
<span class="hb-checkbox-wrapper">
<input type="checkbox" data-price="40" id="hb_option_13" name="hb_option_13">
<label for="hb_option_13">Umbuchungsgebühr (€40,00)</label>
</span>
</div>

ich hatte es so probiert
.hb-single-option .hb-option-accom-8061 .hb-option {
display: none;
}


das klappt leider nicht

Content-Key: 5315384364

Url: https://administrator.de/contentid/5315384364

Printed on: February 24, 2024 at 02:02 o'clock

Member: michi1983
michi1983 Jan 12, 2023 at 22:09:39 (UTC)
Goto Top
Hallo,

.hb-single-option .hb-option-accom-8061 .hb-option {
display: none!important;
}

Im Inspektor (Entwicklerkonsole des Browsers) siehst du ob das Element eventuell durch ein anderes CSS übersteuert wird.

Gruß
Member: jensgebken
jensgebken Jan 13, 2023 at 20:53:04 (UTC)
Goto Top
Hallo Michi – klappt leider nicht – woran kann ich erkennen welchen CSSelement dieses macht
Member: jensgebken
jensgebken Jan 14, 2023 at 12:17:42 (UTC)
Goto Top
schau bitte mal - das ist das coding für das Objekt

<div class="hb-single-option hb-option-accom-8061 hb-option" style="display: block;">
<span class="hb-checkbox-wrapper">
<input type="checkbox" data-price="40" id="hb_option_13" name="hb_option_13">
<label for="hb_option_13">Umbuchungsgebühr (€40,00)</label>
</span>
</div><br>
Member: jensgebken
jensgebken Jan 14, 2023 updated at 12:49:20 (UTC)
Goto Top
hab es so probiert

.hb-single-option.hb-option-accom-8061.hb-option {
display: none!important;
}

dann sind alle checkboxen verschwunden, auch die, die davor stehen

die Id bzw. label muss in das css irgendwie mit rein, weiss nur nicht wie

wenn ich es so mache
#hb_option_13 {display:none}
dann ist die checkbox weg aber Umbuchungsgebühr bleibt stehen
Member: jensgebken
Solution jensgebken Jan 14, 2023 at 12:52:50 (UTC)
Goto Top
habs hinbekommen
label[for="hb_option_13"] {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}