frontend – product – image zoom
.woocommerce-product-gallery__image { pointer-events: none; }Continue reading
Type: css
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
frontend – product – Disable Related Products
section.related.products.elementor-element { display: none; }Continue reading
frontend – product – Disable Upsells
.related, .upsells {display:none;}Continue reading
Vendd Theme – Display Downloads Purchase Button
/** * Paste the following CSS into your child theme style.css file or custom CSS tool */ .vendd-price-button-container { position: static; display: block; border-top: none; box-shadow: none; } .product-link { 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
Hide Recaptcha Widget
.grecaptcha-badge { visibility: hidden; }Continue reading
Custom Heading Title
h1.entry-title { font-color:red; }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