Okay
  Public Ticket #2613246
Why cart and checkout pages colored that way?
Closed

Comments

  •  3
    temkatemka started the conversation

    Hi again!

    I have huge problem managing cart and checkout color scheme.

    2 questions:

    1) Where grey colors come from? I have only black and white colors in my settings but have all shades of gray in unpredictable places appeared.

    2) How can I do something with it? I tried to swap colors but always end with those ugly patches and have no idea how to fight it.

    How can I do all black with white text?

  • [deleted] replied

    Hi temkatemka,

    Can you please share your site credentials, because we need to login to your site and see this live. Your information is safe (private) in this thread.

    To include your credentials click Insert Credentials button in editor toolbar (see how)

    Thanks!

  •   temkatemka replied privately
  • [deleted] replied

    Hi temkatemka,

    1) Where grey colors come from? I have only black and white colors in my settings but have all shades of gray in unpredictable places appeared.

    2) How can I do something with it? I tried to swap colors but always end with those ugly patches and have no idea how to fight it.

    How can I do all black with white text?

    1— Can you please add the code below to your Custom CSS area:

    .woocommerce {
        background: transparent;
    }
    .woocommerce .button {
        background-color: transparent;
        color: #fff;
    }
    input[type=text], input[type=number], input[type=email], input[type=password], input[type=url], input[type=tel], textarea {
        color: #fff !important;
        border: 1px solid #fff;
        background-color: transparent;
    }
    .woocommerce div.quantity input.qty {
        background-color: transparent;
    }
    .woocommerce .shop_table tr td, .woocommerce .shop_table tr th {
        padding: 10px 0;
        color: #fff;
    }
    .woocommerce .shop_table.cart .cart_item .product-name a {
        color: #fff;
    }
    .woocommerce .shop_table.cart .actions [name=update_cart][disabled] {
        background-color: transparent;
    }
    .woocommerce .cart_totals .shop_table td+td, .woocommerce .cart_totals .shop_table th+td, .woocommerce .cart_totals .shop_table th+th {
        color: #fff;
    }
    .woocommerce .shop_table tr td, .woocommerce .shop_table tr th {
        padding: 10px 0;
        color: #fff;
    }
    .woocommerce .shop_table thead .product-total {
        color: #fff;
    }
    .woocommerce-checkout-payment .payment_box {
        background: transparent;
    }
    .select2-container--default .select2-selection--single {
        background-color: transparent;
    }
    .select2-dropdown {
        background-color: #000;
    }
    .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #fff;
    }

    and see if that solves most of your skin problems?

    I also changed your skin on the Theme Options (see video) because you set the color of your fonts and the background to black and this prevented many texts to not see because they used the same color as background .

    Have a nice day!

  •  3
    temkatemka replied

    YAAS! 

    Thank you, it looks awesome now! <3

  • [deleted] replied

    I'm so happy to hear thatsmile.png

    Have a great day!

    Will set this ticket as solved from here.