GeneratePress Off Canvas Panel Width

.offside--right.is-open {
  transform: translate3d(-565px,0,0); /* gewünschte Breite */
}

.main-navigation.offside {
  width: 565px; /* gewünschte Breite */
}

.offside--right {
  right: -565px; /* gewünschte Breite */
}

Site Title & Description


<div class="site-branding">
  <p itemprop="headline" class="main-title"><a rel="home" title="titel der seite" href="url der homepage">titel der seite</a></p>
  <p class="site-description">tagline</p>
</div>


<div class="site-branding">
  <p itemprop="headline" class="main-title"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></p>
  <p class="site-description"><?php bloginfo('description'); ?></p>
</div>

GP: Sticky Navi colors

Background: 
.main-navigation.navigation-clone {
  background-color: rgba(74,94,155,0.7);
}
Menu Items 
.main-navigation.navigation-stick .main-nav ul li a {
  color: #000000;
}

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

GP: Trigger specific Menu Item

Dem Menu Item die class
nav-button 
geben.

@media (min-width:769px) {
  .main-navigation .main-nav ul li.nav-button a {
    background-color: #ffffff;
    border: 2px solid #000000;
    color: #000000;
    line-height: 35px; /*this number will likely need to be adjusted*/
  }
}

Disable Emojis in WordPress

function remove_emoji()
	{
	remove_action('wp_head', 'print_emoji_detection_script', 7);
	remove_action('admin_print_scripts', 'print_emoji_detection_script');
	remove_action('admin_print_styles', 'print_emoji_styles');
	remove_action('wp_print_styles', 'print_emoji_styles');
	remove_filter('the_content_feed', 'wp_staticize_emoji');
	remove_filter('comment_text_rss', 'wp_staticize_emoji');
	remove_filter('wp_mail', 'wp_staticize_emoji_for_email');
	add_filter('tiny_mce_plugins', 'remove_tinymce_emoji');
	}
add_action('init', 'remove_emoji');
function remove_tinymce_emoji($plugins)
	{
	if (!is_array($plugins))
		{
		return array();
		}
	return array_diff($plugins, array(
		'wpemoji'
	));
	}

Disable Comments in WordPress

function disable_comments_status()
	{
	return false;
	}
add_filter('comments_open', 'disable_comments_status', 20, 2);
add_filter('pings_open', 'disable_comments_status', 20, 2);
function disable_comments_post_types_support()
	{
	$post_types = get_post_types();
	foreach($post_types as $post_type)
		{
		if (post_type_supports($post_type, 'comments'))
			{
			remove_post_type_support($post_type, 'comments');
			remove_post_type_support($post_type, 'trackbacks');
			}
		}
	}
add_action('admin_init', 'disable_comments_post_types_support');
function disable_comments_hide_existing_comments($comments)
	{
	$comments = array();
	return $comments;
	}
add_filter('comments_array', 'disable_comments_hide_existing_comments', 10, 2);
function disable_comments_admin_menu()
	{
	remove_menu_page('edit-comments.php');
	}
add_action('admin_menu', 'disable_comments_admin_menu');
function disable_menus_admin_bar_render()
	{
	global $wp_admin_bar;
	$wp_admin_bar->remove_menu('comments');
	}
add_action('wp_before_admin_bar_render', 'disable_menus_admin_bar_render');

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 ...