5
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
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
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 5315384364
Url: https://administrator.de/contentid/5315384364
Printed on: May 1, 2024 at 22:05 o'clock
5 Comments
Latest comment
Hallo,
Im Inspektor (Entwicklerkonsole des Browsers) siehst du ob das Element eventuell durch ein anderes CSS übersteuert wird.
Gruß
.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ß
Hallo Michi – klappt leider nicht – woran kann ich erkennen welchen CSSelement dieses macht
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>
<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>
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
.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
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;
}
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;
}
