do you see the shadow in photo 1? how can i remove that.
and in photo 2, the subpages dont have the green with gold background.
Maybe it has to do with my CSS?
/4 blokken op homepage breder, op mobiel smaller/
@media only screen and (max-width: 1024px) { guten-psy{ width: 100% }
.guten-psy{ width: 100% }
}
@media only screen and (min-width: 1025px) { guten-psy{ width: 155% }
.guten-psy{ width: 155% }
}
.guten-column.guten-eCMYTc > .sticky-wrapper > .guten-column-wrapper:before {
z-index: -1;
}
.guten-eCMYTc div.wpforms-container-full {
margin-left: 0;
}
.guten-column.guten-wnVitj > .sticky-wrapper > .guten-column-wrapper::before {
z-index: -1;
}
/** WPFORMS button color normaal **/
.wpforms-form button[type=submit] {
background-color: #1B4235 !important;
color: #fff !important;
transition: background 0.3s ease-in-out;
font-family: poppins;
text-transform: uppercase;
font-size: 18pt;
font-weight: 500;
letter-spacing: 1.8px;
}
/** WPFORMS button color hover **/
.wpforms-form button[type=submit]:hover {
background-color: #DDD28C
!important;
color: #ffff !important;
}
.wpforms-container { font-family: poppins;
font-size: 18pt;
}
.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a i, .guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu > ul li.menu-item-has-children > a i {
font-size: 30px;
}
.guten-column .guten-icon-box, .guten-column .guten-icon-box-wrapper {
height: 100%;
} wpforms-1605 {
width: 100%;
margin: var(--wp--preset--spacing--30);
}
/** menu mobiel kleiner en uitgevouwen**/
@media screen and (max-width: 1024px) {
.gutenverse-menu .sub-menu {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.guten-nav-menu.guten-element.break-point-mobile .gutenverse-menu-wrapper {
height: auto !important;
}
}
@media screen and (max-width: 780px) {
.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a > i {
display: none;
}
}
/** menu achtergrond enkel op mobiel en niet pc**/
@media only screen and (max-width: 1024px) {
.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu {
padding: 8px!important;
}
.guten-nav-menu .gutenverse-menu-wrapper ul, .guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li > a {
line-height: normal!important;
}
}
/** randje om mobiele menu**/
@media only screen and (max-width: 1024px) {
.guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-menu-container {
border: 1px solid #DDD28C;
}
/** achtergrond blogs weg thumbnail container**/
.guten-postblock .guten-postblock-content{
width: 100%;
height : 100%;
}
}
/** achtergrond smal net als beeld**/
section .guten-container>.guten-element.guten-column>.sticky-wrapper>.guten-column-wrapper>* {max-width: none;
}
/** lettertype mobiele menu**/
@media only screen and (max-width: 1024px) {
.added-menu .menu-item a{
font-family: poppins;
text-transform: uppercase;
font-size: 17pt;
font-weight: 500;
letter-spacing: 2px;
}
}