Copy link to clipboard
Copied
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:
thanks! Sorry! I just realized I had the wrong body id tag in that spot. I had to adjust. I figured it out!
Copy link to clipboard
Copied
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.
Copy link to clipboard
Copied
thanks! Sorry! I just realized I had the wrong body id tag in that spot. I had to adjust. I figured it out!