WPForm Floating Labels

.wpforms-hidden, .wpforms-label-hide { display: none; } fieldset { margin: 0; padding: 0; border: 0; } .uk-form-large:not(textarea):not([multiple]):not([size]) { height: auto; padding: 0; } form { position: relative; –label-stroke-color: #00e4ff; } .floating label:nth-of-type(2) { display: none; } .floating .wpforms-field { position: relative;…Continue reading

Disable Search

// Prevent search queries. add_action( ‘parse_query’, function ( $query, $error = true ) { if ( is_search() && ! is_admin() ) { $query->is_search = false; $query->query_vars[‘s’] = false; $query->query[‘s’] = false; if ( true === $error ) { $query->is_404 =…Continue reading

Cambio de estilos

.eael-item-active{ background-color:blue !important; } .elementor-button–view-cart { background-color:lightgray !important; } .elementor-button–checkout{ background-color:lightgray !important; }Continue reading

bg-image

body { background-image: url(“https://modernagewebsitedesign.com/wp-content/uploads/2024/12/architecture.jpg”); background-repeat: no-repeat; }Continue reading

Add Sticky Header – Astra Free

/*Make Header Sticky*/ .site-header { position: fixed; top: 0; width: 100%; } /*Adjust Content Padding*/ .site-content { padding-top: 170px; } /*Adjust Content Padding for Mobile*/ @media (max-width: 800px) { .site-content { padding-top: 100px; } /*Stick the Off-Canvas Navigation Menu –…Continue reading

Coupon Code Button

button.wpforms-field-payment-coupon-button { background-color:#028b49 !important; padding: 10px !important; } button.wpforms-field-payment-coupon-button:hover { background-color:#028b49 !important; }Continue reading

How to Customize the Labels for Image Choices – Combined effect

form#wpforms-form-1000 .wpforms-field .wpforms-image-choices-item:hover .wpforms-image-choices-label { position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: #f6f6f6; color: #333; padding: 20%; border-radius: 5px; opacity: 1; transition: opacity 0.3s ease-in-out; width: 100%; height: 100%; } form#wpforms-form-1000 .wpforms-image-choices label:hover { border: none; box-shadow: none;…Continue reading

How to Customize the Labels for Image Choices

/* Position labels over images and hide them by default */ form#wpforms-form-1000 .wpforms-field .wpforms-image-choices-label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); text-align: center; display: flex; justify-content: center; align-items: center; opacity: 0;…Continue reading