CSS Tipps und Tricks

CSS für eine bestimmte Seite

Mit dem Zusatz page-id-XXXX kann für eine bestimmte Seite eine dediziertes CSS angegeben werden um z.B. den Hintergrund zu ändern:

body.page-id-XXXX {
     background-color: #ffffff;
}

Transparente Box

.white {
     background-color: rgba(255, 255, 255, 0.5);
     padding-top: 20px;
     padding-bottom: 20px;
     padding-right: 20px;
     padding-left: 20px;
}

Schatten

.shadow {
     box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
} 

Google reCaptcha Badge entfernen

.grecaptcha-badge {
     display:none;
}

Box abschrägen

.post, .posts .page {	
     clip-path: polygon(0 25px, 100% 0, 100% 100%, 0% 100%);
}

Logo links vom Titel

.site-logo {
     float: left;
     margin-right: 20px;
}
.site-branding {
     display: inline-block;
}

Sticky Menu transparent

.main-navigation {
     background-color: rgba(66, 66, 66, 0.8);  
}