Button have diffrent color in phone

• 

  moshekahol · Member · Sep 10, 2016 at 6:04 pm

  • Copy link
  • Add topic to favorites

  Hi :)
  When I try to comment on a post in my blog through my phone the submit button color is black (with black text so I see nothing written).
  I want it to be like when I use my laptop gold text with gold frame around the button. you can try to comment here and see how it looks: https://kahol.co.il/2016/08/05/%D7%90%D7%99%D7%9A-%D7%9C%D7%94%D7%99%D7%95%D7%AA-%D7%AA%D7%97%D7%A8%D7%95%D7%AA%D7%99/#respond

  The strange part is that when I Decreases the screen size in my laptop to see when the olor change nothing happens… The change is only in phones (maybe also Tablet)… I checked it in nu,ber of phones

  Thanks for your help!

  The blog I need help with is: (visible only to logged in users)

• 

  kathrynwp · Staff · Sep 12, 2016 at 9:04 pm

  • Copy link

  I see this in your custom CSS:

  /*Set form button to black*/
  button,
  input[type="submit"] {
    background: #000000;
  }

  Could you try adding a line there to make sure the button text stays white, so it looks like this instead:

  button,
  input[type="submit"] {
    background: #000000;
    color: #ffffff;
  }

  Let me know how it goes.

• 

  moshekahol · Member · Sep 16, 2016 at 10:18 am

  • Copy link

  Hi kathryn I tried it but in the phone it stays the same… black text on black background. What can I do to fix it?

• 

  kathrynwp · Staff · Sep 16, 2016 at 2:24 pm

  • Copy link

  Could you give this a try instead? Normally we avoid using !important but it may be needed to override something here.

  button,
  input[type="submit"] {
    background: #000000;
    color: #ffffff !important;
  }

• 

  moshekahol · Member · Sep 18, 2016 at 8:43 pm

  • Copy link

  yes! it worked! very appreciate :)
  By the way the fact that we needed !important; mean I need changing something in my css – is there is some minor problem?