Header Menu Styling

.w-nav-icon>div:before { width: 50%; } .w-nav-icon>div:after { width: 75%; } .w-nav-control:hover .w-nav-icon>div:before { width: 75%; transition: all 0.3s ease-in-out; } .w-nav-control:hover .w-nav-icon>div:hover { transition: all 0.3s ease-in-out; } .w-nav-control:hover .w-nav-icon>div:after { width: 50%; transition: all 0.3s ease-in-out; } .w-nav-control.active:hover .w-nav-icon>div:after…Continue reading

Cookies Banner Styling

.cmplz-header::before { content: ”; width: 75px; height: 60px; background-image: url(“/wp-content/uploads/2023/12/cookies-img.png”); background-size: contain; } .cmplz-cookiebanner .cmplz-title { font-weight: 700 !important; } .cmplz-cookiebanner, .cmplz-btn { border-radius: 0.5rem !important; } .cmplz-cookiebanner .cmplz-links .cmplz-link { margin: 0.5rem !important; } :root { –cmplz-manage-consent-offset: -10px !important;…Continue reading

Custom Scrollbar

*::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: var(–color-content-secondary); } *::-webkit-scrollbar { width: 1rem; background-color: var(–color-content-secondary); } *::-webkit-scrollbar-thumb { border-radius: 1.5rem; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: var(–color-content-primary); }Continue reading

Jump Links

.wpsJumpLinks{ padding-top: 65px; /* Adjust the value depending on the desired offset */ margin-top: -65px; /* Make sure the value is the same as padding-top, but with a negative sign */ scroll-margin-top: 65px; /* Adjust the value depending on the…Continue reading