Het kruisje bij Elementor Form verwijderen met Custom CSS

Laatste update: 27/01/2021
13:20
De ervaring als: Gebruiker
Met: Elementor

Leestijd: < 1 minuut

Ik wilde graag het kruisje verwijderen bij mijn full page Search Form in Elementor.

Dankzij https://elementorforum.com/threads/search-form-modify-x-clear-form-button.4955/ weet ik nu hoe.

Deze Custom CSS moet ik geven aan de Search form:

input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
-moz-appearance: none;
}

Ontdek de ervaring

				
					.woocommerce .widget_price_filter .ui-slider .ui-slider-range {

background-color: #fff;

}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {

background-color: #fff;

}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {

background-color: #000;

}

				
					<script>

document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
var mywindow = $(window);
var mypos = mywindow.scrollTop();
mywindow.scroll(function() {
if (mypos > 40) {
if(mywindow.scrollTop() > mypos) {
$('#stickyheaders').addClass('headerup');
} else {
$('#stickyheaders').removeClass('headerup');
}
}
mypos = mywindow.scrollTop();
}); }); });

</script>
<style>
#stickyheaders{
-webkit-transition: transform 0.34s ease;
transition : transform 0.34s ease;
}
.headerup{
transform: translateY(-110px); /*adjust this value to the height of your header*/
}
</style>

Het kruisje bij Elementor Form verwijderen met Custom CSS

Ontdek de ervaring

Long Read

Devoked