ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• July 4, 2016 at 2:41 pm #279008
  wayward_studio

  Member

  Post count: 71

  I’m having trouble locating the colour customiser for the black box on the attached screenshot. I would like to change its colour.

  Attachments:

  You must be logged in to view attached files.
  July 4, 2016 at 3:29 pm #279017
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  It seems that a custom css if affecting it.
  Try to add the code below to your custom css. If you find an similar rule than delete that old one.

  .woocommerce-checkout #payment {
      background: #fff;
  }

  -Rui

  July 4, 2016 at 4:14 pm #279030
  wayward_studio

  Member

  Post count: 71

  This reply has been marked as private.
  July 4, 2016 at 4:36 pm #279035
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  That one should work. Can you provide me admin access to check it?

  -Rui

  July 4, 2016 at 4:42 pm #279036
  David Martin – Support

  Moderator

  Post count: 20834

  Please adjust to this:

  .woocommerce #payment {
      background: transparent!important;
  }
  .woocommerce-checkout #payment div.payment_box {
      background-color: #f2f2f2!important;
  }
  #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before {
        border: 1em solid #f2f2f2!important;
        border-right-color: transparent!important;
        border-left-color: transparent!important;
        border-top-color: transparent!important;
  }
  .woocommerce-checkout #payment div.payment_box:after {
        border: none;
  }

  July 4, 2016 at 10:07 pm #279113
  wayward_studio

  Member

  Post count: 71

  This reply has been marked as private.
  July 5, 2016 at 7:24 am #279153
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please go to Admin > Theme Options > Custom CSS/JS > Custom CSS – Find given below of code and remove, you should put this code at Admin > Theme Options > Custom CSS/JS > Custom JS. Now you can put the code as given my colleague David.

    <!-- Facebook Pixel Code -->
  <script>
  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
  n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
  document,'script','https://connect.facebook.net/en_US/fbevents.js');
  
  fbq('init', '551909238321559');
  fbq('track', "PageView");</script>
  <noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=551909238321559&ev=PageView&noscript=1"
  /></noscript>
  <!-- End Facebook Pixel Code -->

  Thanks
  Mohammad

  July 5, 2016 at 11:06 am #279229
  wayward_studio

  Member

  Post count: 71

  This reply has been marked as private.
  July 5, 2016 at 2:45 pm #279317
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I have managed to resolve the issue so please check it now after clear the cache of browser.
  Thanks
  Mohammad

  July 12, 2016 at 7:28 am #280609
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .woocommerce #payment div.payment_box {
      background: #dfdcde !important;
  }

  Thanks
  Mohammad

• Back to forum

  Posted in: Atelier