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: Neighborhood
• October 20, 2016 at 9:01 pm #297843
  cyclenoid

  Member

  Post count: 27

  Hi!

  The Buttons on my cart page are white, so there are very hard to see.

  Also the font size of the checkout button is smaller then the other button font sizes – as you can the on the screenshot.

  Thank you
  Mario

  Attachments:

  You must be logged in to view attached files.
  October 21, 2016 at 2:38 pm #298022
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css option.

  .woocommerce .cart .button, .woocommerce .cart input.button {
      background-color: #198DBC!important;
      color: #fff!important;
  }

  Hope it helps.

  -Rui

  October 21, 2016 at 7:42 pm #298089
  cyclenoid

  Member

  Post count: 27

  Hello Rui,

  I try the css, but unfortunately it did not change anything.

  I do not know how I could solve the problem…

  Maybe you can take a look at my backend.

  thank you
  Mario

  October 23, 2016 at 1:04 pm #298161
  cyclenoid

  Member

  Post count: 27

  Hi, I solved the button color problem by changing the alt background color (see attachment).
  What I don’t understand, any attempt to change the color with css has no effect. because it would perfect to change only the button color, not the other element backround color (quantity, discard).

  Another question. Why is the font size of the checkout button smaller the text size of the other buttons.

  Thank you
  mario

  Attachments:

  You must be logged in to view attached files.
  October 25, 2016 at 10:11 am #298490
  David Martin – Support

  Moderator

  Post count: 20834

  Hi, to increase the font size on the button please use this:

  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
      font-size: 16px;
  }

  Thanks.

  October 25, 2016 at 10:25 am #298494
  cyclenoid

  Member

  Post count: 27

  Hi David,

  I try your CSS, but it has no effect.

  CSS Code have strangely no effect on CART Elements.

  Kind regards
  Mario

  October 25, 2016 at 10:27 am #298496
  David Martin – Support

  Moderator

  Post count: 20834

  Please amend to this:

  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
      font-size: 16px!important;
  }

  October 25, 2016 at 10:43 am #298499
  cyclenoid

  Member

  Post count: 27

  Hi David,

  thank’s for your quick response. Unfortunately it also did not change the Font Size. :-/

  October 25, 2016 at 10:50 am #298502
  David Martin – Support

  Moderator

  Post count: 20834

  The media query above that new added CSS is not closed, please close it as it’s causing the error.

  – David.

  October 25, 2016 at 10:57 am #298503
  cyclenoid

  Member

  Post count: 27

  Oh my god, thank you david. I’m blind! 😉

  October 25, 2016 at 11:02 am #298504
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  No problem. Thanks David.

  -Rui

• Back to forum

  Posted in: Neighborhood