Tutorials: CSS Snippets for GeneratePress

 

 

Website Hintergrund Transparent u.a. Anpassungen

/*Schwarzer Balken unten entfernen*/
.site-info {
     display: none;
}
/*Schriftgrösse Seitentitel*/
.main-title {
    font-size: 35px;
}

/*Headerhöhe kleiner*/
.inside-header {
    padding: 15px!important;
}

/*Seitenhintergrund Transparent*/
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
    background-color: transparent;
}
/*Header Transparent*/
.site-header {
    background-color: transparent;
}

/*Menü Transparent*/
.main-navigation, .main-navigation ul ul {
    background-color: transparent!important;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    background-color: transparent!important;
}
.main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a {
    background-color: transparent!important;
}

 

 

Menü Linke Spalte – Submenü

/*Submenu*/
.main-navigation ul ul {
    background-color: #fff;
}
.main-navigation .main-nav ul ul li a {
    padding: 0px;
}
.main-navigation ul ul {
    box-shadow: none;
}
.main-navigation .main-nav ul ul li[class*="current-menu-"] > a {
    background-color: #fff !important;
}
.main-navigation .main-nav ul ul li:hover > a, .main-navigation .main-nav ul ul li:focus > a, .main-navigation .main-nav ul ul li.sfHover > a {
    color: #c9731e;
    background-color: #fff;
}