Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Location: site_wide_header

Custom Form Styling

.form-element button[type=”submit”]:not(.w-btn):before, input[type=”submit”] { border-width: 0 !important; } .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=flat] .forminator-label[for], .forminator-ui.forminator-custom-form[data-design=flat] .forminator-label[for] { display: none; } @media screen and (max-width: 768px) { .forminator-button-submit { width: 100% !important; } }Continue reading

Subscribe Styling

.subscribe .forminator-ui.forminator-custom-form:not(.forminator-size–small)[data-grid=open] .forminator-row:not(:last-child) { display: inline-block; padding: 0; margin-bottom: 0 !important; width: 50%; vertical-align: top; } .subscribe .forminator-ui.forminator-custom-form:not(.forminator-size–small)[data-grid=open] .forminator-col, .subscribe .forminator-ui.forminator-custom-form:not(.forminator-size–small)[data-grid=open] .forminator-col { padding: 0; } .subscribe .forminator-ui.forminator-custom-form:not(.forminator-size–small)[data-grid=open] .forminator-row, .subscribe .forminator-ui.forminator-custom-form:not(.forminator-size–small)[data-grid=open] .forminator-row { margin-left: -0.5rem; margin-right: 0.5rem; } .subscribe .forminator-ui.forminator-custom-form[data-design=flat]…Continue reading

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