WooCommerce Styling

.woocommerce .commentlist .comment-text { padding-bottom: 0; } .woocommerce .commentlist img.avatar { margin: 1.5rem 1.5rem 0 1.5rem; } .woocommerce-product-gallery img { width: 100%; } .woocommerce-info, .woocommerce-message { background: #f8f8f8; } .product .single_add_to_cart_button { float: right; height: 55px; } .product .w-filter.state_desktop.style_drop_default .w-filter-item-title,…Continue reading

Carousel Styling

.faded-carousel { background: linear-gradient(90deg,#ffffff,rgba(255,255,255,0.00), #fff)!important; pointer-events: none; } .w-grid.type_carousel img.lazy-hidden { max-height: auto !important; } .left-lower-dots .owl-dots { text-align: left; margin-left: 1.5rem; } .right-lower-nav .owl-nav { position: absolute; right: 4.9rem; bottom: 0; } .right-lower-nav .owl-nav .owl-prev { margin-right: 0.3rem; }…Continue reading

List Styling

.wpb_wrapper ul li:before { font-family: ‘FontAwesome’; content: ‘\f058’; margin:0 5px 0 -22px; font-weight: 300; } .wpb_wrapper ul { list-style-type: none; margin-left: 20px; } .l-footer .wpb_wrapper ul li:before { content: none; } .l-footer .wpb_wrapper ul { margin-left: initial; } .widget_meta ul…Continue reading

Login Form Styling

.login-form-block .forminator-ui.forminator-custom-form[data-design=flat] .forminator-button, .register-form-block .forminator-ui.forminator-custom-form[data-design=flat] .forminator-button { position: absolute; left: 0; bottom: 0; right: 0; width: 100%; } .login-form-block .forminator-row-last, .register-form-block .forminator-row-last { margin-bottom: 0 !important; }Continue reading

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