frontend – product – product summary – customize

.single-product .summary {width: 35%;} .single-product div.product .woocommerce-product-gallery {width: 60%; max-width: 900px;} .single-product div.product .single_add_to_cart_button {border-radius: 8px;} .entry-summary form.cart .quantity {border-radius: 8px;} .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {display:none;}Continue reading

Change Jump links to buttons

.tasty-recipes-quick-links a { border: 1px solid #000; background-color: #000; color: #fff; margin: 0 5px 5px; } /* Hover */ .tasty-recipes-quick-links a:hover { border: 1px solid #ccc; background-color: #ccc; color: #fff; } /* Hide the dots between buttons */ .tasty-recipes-quick-links a…Continue reading

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