• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

Explorer ,
Mar 25, 2022 Mar 25, 2022

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:

 

Screen Shot 2022-03-25 at 10.18.29 AM.png

TOPICS
Code , How to

Views

96

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Explorer , Mar 25, 2022 Mar 25, 2022

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

Votes

Translate

Translate
Community Expert ,
Mar 25, 2022 Mar 25, 2022

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Mar 25, 2022 Mar 25, 2022

Copy link to clipboard

Copied

LATEST

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines