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-ID: 5315384364

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

Ausgedruckt am: 27.11.2024 um 20:11 Uhr

michi1983
michi1983 12.01.2023 um 23:09:39 Uhr
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ß
jensgebken
jensgebken 13.01.2023 um 21:53:04 Uhr
Goto Top
Hallo Michi – klappt leider nicht – woran kann ich erkennen welchen CSSelement dieses macht
jensgebken
jensgebken 14.01.2023 um 13:17:42 Uhr
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>
jensgebken
jensgebken 14.01.2023 aktualisiert um 13:49:20 Uhr
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
jensgebken
Lösung jensgebken 14.01.2023 um 13:52:50 Uhr
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;
}