breezymush
Forum Replies Created
Viewing 1 replies (of 1 total)
-
We just changed this CSS
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){
padding: 10px 10px 10px 0;
}
also not sure if this affected but we changed the domain after as well.
THis is the longer code thread that we tweaked.
/**
* Custom CSS for WooCommerce Add to Cart button and other styling
*/
add_action( 'wp_head', function() {
?>
<style>
.single_add_to_cart_button {
background-color: #5d805b ;
color: #fff;
}
#tab-description h2, #tab-description p {
text-align: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #5d805b;
}
.woocommerce div.product .is-style-default .woocommerce-tabs ul.tabs li.active::after {
content: "";
display: block;
width: 100%;
height: 3px;
background-color: #5d805b;
margin-top: var(--wp--preset--spacing--8);
}
.wc-block-mini-cart__footer-actions .wc-block-components-button:not(.is-link).outlined:not(:focus) {
box-shadow: inset 0 0 0 1px #5d805b;
}
.wc-block-components-button:not(.is-link).outlined {
color: #5d805b;
}
:root :where(.wp-element-button, .wp-block-button__link) {
background-color: #5d805b;
color: #fff;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
.wc-block-mini-cart__footer .wc-block-components-totals-item__label {
color: #bbbbbb;
}
.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value,
.wc-block-components-totals-item__value {
color: #5d805b;
}
.wc-block-components-checkout-step__heading h2,
.wc-block-components-checkbox__label div,
.wc-block-components-address-form__address_2-toggle,
.wc-block-components-totals-item__label,
.wc-block-cart__totals-title,
.wc-block-cart-items__header-image span,
.wc-block-cart-items__header-total span,
.woocommerce-result-count {
color: #bbbbbb !important;
}
#tab-description h2 {
display: none;
}
.wp-block-woocommerce-product-meta .wp-block-post-terms__prefix {
color: #cdac91 !important;
}
.description-padding {
padding-top: 20px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0!important;
}
.wp-block-jetpack-contact-form {
background: #5d805b;
padding: 20px;
border-radius: 20px;
}
.wp-block-jetpack-contact-form button.wp-block-button__link {
background-color: #fff;
color: #5d805b;
padding: 9px 45px;
}
.evav_buttons {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
}
.pum-theme-541, .pum-theme-default-theme {
background-color: rgb(179 179 179 / 41%) !important;
}
.cartmeta .wc-block-components-product-metadata__description h4, .is-style-bagaicha-mini-cart-contents-style-1 .wc-block-components-product-metadata__description h4 {
display: none;
}
.logoalign img.custom-logo {
margin-right: 125px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){
padding: 10px 10px 10px 0;
}
.asp-ssws-subscribe-plan-options{
margin-left: 3px !important;
}
.asp-ssws-subscribe-row-plan-selection label{
margin-right: 15px;
}
.asp-product_level-subscribe-wrapper{
width: 84%;
}
.asp-ssws-subscribe-wrapper select {
padding: 0px;
}
.checkoutmetaremove .wc-block-components-product-metadata__description{
display: none;
}
@media screen and (max-width: 480px) {
.logoalign img.custom-logo {
margin-right: 105px ;
}
}
</style>
<?php
});
/**
* Change "Have a gift card?" text to "Promo code" in WooCommerce
*/
add_action( 'wp_footer', function() {
if ( is_checkout() ) : ?>
<script>
document.addEventListener('DOMContentLoaded', function() {
var giftCardToggle = document.querySelector('.gift-card .wc-block-components-panel__button');
if (giftCardToggle && giftCardToggle.textContent.trim() === 'Have a gift card?') {
giftCardToggle.textContent = 'Promo code';
}
});
</script>
<?php endif;
});
Viewing 1 replies (of 1 total)