Sale button styling single product page

.woocommerce span.onsale{ display: block; color: var(–e-global-color-dae4b67); background-color: var(–e-global-color-489e945); font-family: var(–e-global-typography-268cdde-font-family), Sans-serif; font-size: var(–e-global-typography-268cdde-font-size); font-weight: var(–e-global-typography-268cdde-font-weight); text-decoration: var(–e-global-typography-268cdde-text-decoration); line-height: 30px; letter-spacing: var(–e-global-typography-268cdde-letter-spacing); word-spacing: var(–e-global-typography-268cdde-word-spacing); border-radius: 0px; min-width: 100px; min-height: 30px; }Continue reading

Woocommerce buttons

:root { –checkout-button-padding: 15px 1em; /* Standaardwaarde voor button-padding */ } /* Buttons in WooCommerce */ .woocommerce button.button, .woocommerce a.button, .woocommerce input.button, .woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce input.button.alt { background-color: black; border-radius: 0; color: white; font-family: ‘Open Sans’, sans-serif; font-size:…Continue reading

WooCommerce-winkelwagen pagina styling

/* Verwijder achtergrondkleur van de tabel op de WooCommerce-winkelwagenpagina */ /* verwijder bg kleur en rand table */ .woocommerce-cart-form table td { background-color: white !important; border: none; } /* verwijder rand 1e rij table */ table caption+thead tr:first-child td, table…Continue reading

WooCommerce-afreken pagina styling

.woocommerce .checkout h3 { color: #CEAAA3!important; font-family: “prestige-elite-std”, Sans-serif; font-size: 22px; font-weight: 700; } .woocommerce .col2-set, .woocommerce-page .col2-set { padding-bottom: 2%; } /* Verwijder borders van de tabel op de WooCommerce afrekenpagina */ .woocommerce-checkout table.shop_table { border-bottom: 1px solid light…Continue reading

Test Pricing CSS

/* Custom Styles for Page ID 60 */ /* Container Layout */ .prices-container { display: flex; flex-direction: row; /* Default direction */ width: 100%; height: 100%; justify-content: space-between; } /* Filter Container Styles */ #filters-container { flex: 1; /* Takes…Continue reading

Buttons Material Design CSS

.uk-button { overflow: hidden!important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .uk-button span { pointer-events: none; } .ripple { /* mix-blend-mode: difference; */ position: absolute; background: #000000; border-radius: 100%; transform: scale(0.01); opacity: 0; pointer-events: none; -webkit-animation:…Continue reading

YooTheme CSS

.uk-modal.uk-open { backdrop-filter: blur(2px) } .tm-header .uk-sticky { box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.3); } .home main .uk-section-default { background: transparent; } .home main .uk-section-default .uk-container .uk-panel { background-color: white; }Continue reading

Form Labels CSS || OLD

:root { –transitionDuration: 250ms; –transitionTF: cubic-bezier(0.145, 0.045, 0.355, 1); /* floated labels */ –inputPaddingV: var(–gutterMd); –inputPaddingH: var(–gutterLg); –inputFontSize: var(–fontSizeLg); –inputLineHeight: var(–lineHeightMd); –labelScaleFactor: 0.2; –labelDefaultPosY: 50%; –labelTransformedPosY: calc( (var(–labelDefaultPosY)) – (var(–inputPaddingV) * var(–labelScaleFactor)) – (var(–inputFontSize) * var(–inputLineHeight)) ); –inputTransitionDuration: var(–transitionDuration); –inputTransitionTF:…Continue reading

Bricks Builder Improvements (back end)

/* Bricks Builder Editor Tweaks */ /* — Reorder pinned elements */ .bricks-add-element[data-element-name=”section”] { order: 1; } .bricks-add-element[data-element-name=”container”] { order: 2; } .bricks-add-element[data-element-name=”block”] { order: 3; } .bricks-add-element[data-element-name=”div”] { order: 4; } .bricks-add-element[data-element-name=”heading”] { order: 5; } .bricks-add-element[data-element-name=”text”] { order:…Continue reading