Unable to change colour in css button
-
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)
-
-
-
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 :)
-
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; } -
-
- The topic ‘Unable to change colour in css button’ is closed to new replies.