How do I change the color of the text in this button?

Question

I am at a loss here. Whatever I do, the text shows up white! Help, please. Here is my code:

.button1 {display: inline-block; text-align: center; vertical-align: middle; padding: 20px 25px; border-radius: 10px; background: #ffdaa2;
-webkit-box-shadow: #666666 0px 0px 20px 0px; color: #8d230f;
box-shadow: #666666 0px 0px 20px 0px; text-shadow: #083255 1px 1px 1px; font: bold 25px Helvetica;}

.button1:hover,
.button1:focus {background: #ffffff; color: #8d230f; text-decoration: none;}
.button1:active {background: #8d230f;}

And here is how it looks on screen:

p0wer_v1olence · Accepted Answer

thanks! Sorry! I just realized I had the wrong body id tag in that spot. I had to adjust. I figured it out!

Jon Fritz · Answer

If you don't have the page online somewhere we could take a look, a distant second would be to copy and paste the entire code, both html and css, to the forum so we can inspect it.

It's possible there's a conflict somewhere else in your cascade.
It's possible the element you've added your .button1 class to is limited in what/how it can display css.

It's impossible to know without the entire code.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded