Unable to change colour in css button

• 

  openpharmablog · Member · Apr 5, 2017 at 1:34 pm

  • Copy link
  • Add topic to favorites

  Hi all,

  I have been trying to add some buttons in css. to my site but it seems I am unable to change the colour from red to white, even though I have set it to be white in the css. I have pasted the code used below – please do let me know if you have any suggestions!

  Thanks in advance for your help.

  Best wishes,
  Amy

  {display: inline-block;
  padding: 12px 24px;
  border-radius: 6px;
  border: 0;
  font-weight: bold;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
  background: #003399;
  color: #fff;
  }

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

• 

  openpharmablog · Member · Apr 5, 2017 at 1:36 pm

  • Copy link

  Sorry, i should clarify, it is the colour of the text that i would like to change

• 

  openpharmablog · Member · Apr 5, 2017 at 1:36 pm

  • Copy link

  Sorry, i should clarify, it is the colour of the text that i would like to change

• 

  otpidusprime · Member · Apr 5, 2017 at 1:36 pm

  • Copy link

  Hi there,
  Try this code:
  .more-link {
  display: inline-block;
  margin: 1.5em 0 0;
  padding: 0.6em 1em;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #2e2e2e !important;
  background: #ffffff !important;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  }

  And let me know if it works :)

• 

  otpidusprime · Member · Apr 5, 2017 at 1:38 pm

  • Copy link

  Okay, if you want the text to be white then just add !important on the color property of your code:

  {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 6px;
  border: 0;
  font-weight: bold;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
  background: #003399;
  color: #ffffff !important;
  }

• 

  openpharmablog · Member · Apr 5, 2017 at 1:39 pm

  • Copy link

  Great, this is now working. Thank you so much!

• 

  otpidusprime · Member · Apr 5, 2017 at 2:02 pm

  • Copy link

  Glad i could help :)