Change Background on checkout boxes

  • sasukedark57

    (@sasukedark57)


    7 months ago

    Hello, i have a problem (sorry for my english)

    I want to change the background for some boxes to my webside on the checkout form, but i cant, i try to change with css code but it doesnt work,

    Terms and condition its one of those boxes that i want to change the backgroung, the other its the sub total boxes

    And the last box its the ship cost on the cart page:

    Thanks a lot for your help

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Bitcraftx

    (@bitcraftx)

    7 months ago

    Hello @sasukedark57,

    You just need to target the exact element and it will fix the issue using CSS. In your case you need to target the ” th and td ” both in css so it will fix the issue

    Let me know if it helps.

    Thread Starter sasukedark57

    (@sasukedark57)

    7 months ago

    can you please tell me some examples?

    Bitcraftx

    (@bitcraftx)

    7 months ago

    Sure, you can target the element for checkout subtotal area like

    .woocommerce table.shop_table .order-total td{
      background-color:#1f1f1f
}

    Your website needs a lot of fixes related to CSS

    Thread Starter sasukedark57

    (@sasukedark57)

    7 months ago

    I already use that CSS code, and the only background change its the total price

    This is my webside test, but you can tell me what another css thing i need to fix? Thanks a lot

    Bitcraftx

    (@bitcraftx)

    7 months ago

    Did you apply the code I have provided? if it’s not working I am afraid I need to have a look at your code to get my hand dirty. 🙂
    I have seen the dropdowns are not getting styled as per requirement on the checkout page.

    Thread Starter sasukedark57

    (@sasukedark57)

    7 months ago

    Hello sure i add this css code on the checkout list yesterday:

    This code add me the background on the payment methotds.

    if i remove the code, my web side looks like this:

    Bitcraftx

    (@bitcraftx)

    7 months ago

    Is it possible for you to share access to your website so I can address the issue and let you know from where its creating mess

    Thread Starter sasukedark57

    (@sasukedark57)

    7 months ago

    i already fix the other problem add this css code:

    .woocommerce table.shop_table th, add_payment_method #payment,

    form.woocommerce-EditAccountForm.edit-account {

    background: #2a2a2a;

    }
    /CODIGO PARA CAMBIAR DE COLOR del los datos de envio en la zona del carrito/

    /*CODIGO PARA CAMBIAR DE COLOR del subtotal del checkout*/

    .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table th {
    background-color: #2a2a2a;
    color: #ffffff;
    }
    .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table td {

    background-color: #0000;

    }

    but i can change the backgrount in the card page:

    Do you have some css code for thart 2 boxes?

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Change Background on checkout boxes’ is closed to new replies.