Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

Custom Styles

/* @font-face */ @font-face { font-family: “PlusJakartaSans”; src: url(“https://www.kapio.eu/wp-content/themes/nifty-child/fonts/PlusJakartaSans-VariableFont_wght.ttf”) format(“truetype”); font-weight: 100 900; font-style: normal; } @font-face { font-family: “PlusJakartaSans Italic”; src: url(“https://www.kapio.eu/wp-content/themes/nifty-child/fonts/PlusJakartaSans-Italic-VariableFont_wght.ttf”) format(“truetype”); font-weight: 100 900; font-style: italic; } /* Font Families */ h1, h2, h3, h4, h5, h6,…Continue reading

Moving product short description to under product image (CSS 2/2)

/*@media (min-width: 768px){ .left_side { float: left; width: 60%; } } .product .woo-variation-product-gallery { max-width: 100% !important; } .woocommerce-product-details__short-description { clear: both; float: left; } .woocommerce-product-details__short-description ul { margin-left: 12px !important; } /* Make product image bigger */ /* @media…Continue reading

ModalCSS

!function(e){var t={};function o(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,o),i.l=!0,i.exports}o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){“undefined”!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:”Module”}),Object.defineProperty(e,”__esModule”,{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&”object”==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,”default”,{enumerable:!0,value:e}),2&t&&”string”!=typeof e)for(var i in e)o.d(n,i,function(t){return e[t]}.bind(null,i));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,”a”,t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p=””,o(o.s=1)}([function(e,t,o){“use strict”;function n(){return(n=Object.assign||function(e){for(var t=1;tContinue reading

CSS – WpForms

/* WpForms – Display option for Non Table View */ .fields_forms { line-height = normal; margin-bottom = 2px; margin-block-end = 2px: background-color = #03fc20 !important; } .fields_forms .label { font-weight: bold; margin-bottom = 2px; font-size = 80%; } .fields_forms .value…Continue reading

Envelope Quote Button CSS

.open-estimation-form.form-8 { box-shadow: 0px 10px 14px -7px #54a3f7; background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%); background-color:#007dc1; border-radius:8px; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:20px; font-weight:bold; padding:13px 32px; text-decoration:none; text-shadow:0px 1px 0px #154682; } .open-estimation-form.form-8:hover { background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%); background-color:#0061a7; }…Continue reading

Social Style

.social-box { display: block; margin-bottom: 30px; font-weight: bolder; } .social-box:last-of-type { margin: 0 0 40px; } .social-btn { display: block; width: 100%; } a.col-2.sbtn span { display: none; } a.col-2.sbtn { width: 6%; display: inline-block; text-align: center; border-radius: 50px; padding:…Continue reading

ChatBot CSS

#mwai-chat-id { –mwai-spacing: 15px; –mwai-fontSize: 15px; –mwai-borderRadius: 10px; –mwai-fontColor: #FFFFFF; –mwai-backgroundPrimaryColor: #454654; –mwai-backgroundSecondaryColor: #343541; –mwai-aiAvatarBackgroundColor: #10a37f; –mwai-userAvatarBackgroundColor: #135ea4; –mwai-headerButtonsColor: #FFFFFF; –mwai-width: 100%; –mwai-height: 100%; –mwai-maxHeight: 100%; –mwai-headerHeight: 50px; –mwai-borderWidth: 2px; } #mwai-chat-id .mwai-open-button { position: fixed; right: 0; bottom: 0;…Continue reading

CSS Formatting

add_action( ‘wp_head’, function () { ?> /* GLOBAL START*/ /* Change Star Icon Color for JetReviews Plugin */ .jet-reviews-stars-field .jet-reviews-stars–filled i { color: #00CE7C !important; } /* Fix Double Search bar and x */ input[type=”search”]::-webkit-search-decoration, input[type=”search”]::-webkit-search-cancel-button, input[type=”search”]::-webkit-search-results-button, input[type=”search”]::-webkit-search-results-decoration { -webkit-appearance:none;…Continue reading