Set element class to:
eledpn
body:not(.elementor-editor-active) .eledpn {
display: none;
}Elementor
Elementor – Style Placeholder in Elementor Form Widget
input::placeholder, textarea::placeholder {
color: #0c0c0c!important;
opacity: 1!important;
}Elementor – disable Google Fonts, Font Awesome and Eicons
Disable Google Fonts
add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );Disable Font Awesome
add_action( 'elementor/frontend/after_register_styles',function() {
foreach( [ 'solid', 'regular', 'brands' ] as $style ) {
wp_deregister_style( 'elementor-icons-fa-' . $style );
}
}, 20 );Disable Eicons
add_action( 'wp_enqueue_scripts', 'remove_default_stylesheet', 20 );
function remove_default_stylesheet() {
wp_deregister_style( 'elementor-icons' );
}Elementor manuell aktivieren
/wp-admin/admin.php?page=elementor-license&mode=manuallyClickable Column / Section for Elementor
jQuery(document).ready(function() { jQuery("body").on("click", ".click-child", function() { var href = jQuery(this).find("a").attr('href'); window.location = href; }); });Elementor: Anchor Offset
Elementor Anker bei Sticky Navigation
#anchor-ID {
display: block;
position: relative;
top: -170px; /* Wert Höhe der Sticky Navigation anpassen */
}.elementor-menu-anchor {
display: block;
position: relative;
top: -180px;
}Elementor: Gallery Masonry
Elementor Gallery ID beachten.
.gallery-icon img{
width: 100%;
}
@media (min-width: 1024px) {
#gallery-1 {
-webkit-column-count: 4;
column-count: 4;
-webkit-column-gap: 0px;
column-gap: 0px;
}
}
@media (min-width:361px) and (max-width:1024px) {
#gallery-1 {
-webkit-column-count: 3;
column-count: 3;
-webkit-column-gap: 0px;
column-gap: 0px;
}
}
@media (max-width:360px) {
#gallery-1 {
-webkit-column-count: 3;
column-count: 3;
-webkit-column-gap: 0px;
column-gap: 0px;
}
}Elementor: column wrap
Der Section die class
mw-column-wrap
geben.
@media (min-width: 1024px) {
.mw-column-wrap .elementor-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mw-column-wrap .elementor-column {
-webkit-box-flex: 1;
-webkit-flex: 1 1 33% ;
-ms-flex: 1 1 33% ;
flex: 1 1 33% ;
}
}Button: slide color on hover
Dem Button die class
mw-btn-slide-hover
geben.
Individuelle Positionierung: custom 204 px (ggf. an Text anpassen)
.mw-btn-slide-hover .elementor-button {
-webkit-box-shadow: inset 0 0 0 0 #7a90a4;
box-shadow: inset 0 0 0 0 #7a90a4;
-webkit-transition: -webkit-box-shadow 1s ease!important;
transition: -webkit-box-shadow 1s ease!important;
-o-transition: box-shadow 1s ease!important;
transition: box-shadow 1s ease!important;
transition: box-shadow 1s ease, -webkit-box-shadow 1s ease!important;
}
.mw-btn-slide-hover .elementor-button:hover {
-webkit-box-shadow: inset 204px 0 0 0 #7a90a4;
box-shadow: inset 204px 0 0 0 #7a90a4;
}