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: Anchor Offset

Elementor Anker bei Sticky Navigation

#anchor-ID {
  display: block; 
  position: relative; 
  top: -170px; /* Wert Höhe der Sticky Navigation anpassen */
}
oder
.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;      
  }  
}

Weiterlesen ...

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% ;
  }
}

Weiterlesen ...

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;
}

Weiterlesen ...