Circle Counter Styling

.circle-counter .w-counter-value { width: 150px; height: 150px; line-height: 140px; border: 2px solid var(–color-content-text); border-radius: 50%; margin: 0 auto; }Continue reading

Grid Styling

.grid-box-outer:hover #grid-boxes { background: rgba(0,0,0,0.50) !important; transition: all 0.3s ease-in-out; } #grid-boxes h3 { text-shadow: 2px 2px 2px #000; font-size: 1.2rem !important; font-weight: 700; }Continue reading

Button Styling

.no-touch .us-btn-style_3:hover, .no-touch .us-btn-style_4:hover, .no-touch .us-btn-style_7:hover { border-left: solid 0 transparent; border-right: solid 0 transparent; border-top: solid 0 transparent; } @media screen and (max-width: 768px) { .w-hwrapper.align_none .w-btn { width: 100%; margin: 0; } *:not(.w-hwrapper)>.w-btn-wrapper.align_none { margin: 0 auto !important;…Continue reading

Iconbox Styling

@media screen and (max-width: 768px) { .w-iconbox.iconpos_left.no_text, .w-iconbox.iconpos_left.no_title, .w-iconbox.iconpos_right.no_text, .w-iconbox.iconpos_right.no_title { justify-content: center; } .w-iconbox.iconpos_left, .w-iconbox.iconpos_right { display: block; text-align: center; } .w-iconbox.iconpos_left .w-iconbox-icon { margin-left: auto; margin-right: auto; margin-bottom: 10px; } .align_none .w-iconbox-icon, .align_none .w-iconbox .w-iconbox-title, .align_none .w-iconbox-text {…Continue reading

Tab Styling

.tabs-right .w-tabs-list-h { display: -webkit-inline-flex; z-index: 9; position: relative; } .tabs-right .w-tabs-list { text-align: right; } .tabs-right .w-tabs-section-content { padding-top: 0; } .no-touch .w-tabs-section-header:hover, .no-touch .w-tabs-section-header:focus, .no-touch .w-tabs.remove_indents>div>div>.w-tabs-section-header:hover, .no-touch .w-tabs.remove_indents>div>div>.w-tabs-section-header:focus { background: none; } @media screen and (max-width: 768px) {…Continue reading

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