Forum Replies Created

Viewing 1 replies (of 1 total)
  • Thread Starter breezymush

    (@breezymush)

    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)