How can I fix an Image with Text Section and mysteriously Faded Button?

Store Design
, ,
1

I have a site that we are customizing the Dawn theme. It is not live yet so I can’t send a link to the page. Basically I added a Image with Text section, seems pretty straight forward but no matter what I do I get a faded out button. The text may also be a little faded. It seems like either the opacity for the text section is set to .75 or there is some kind of overlay. I have tried setting this specific section to have the correct color of buttons using this CSS but it doesn’t work:

#shopify-section-template--20925075521822__dfd5790a-db27-43db-913a-df4de3811107 a.button {
  background-color:#eb7e00 !important; 
  color:#fff !important; 
  border: 1px solid #eb7e00 !important; 
}

#shopify-section-template--20925075521822__dfd5790a-db27-43db-913a-df4de3811107 a.button:hover {
   border: 1px solid #eb7e00 !important; 
  background-color:#fff !important; 
  color:#eb7e00 !important; 
}

It still looks faded. Even if I change it to another color schema the button is always faded. Does anyone know how to fix this?

Here is a screen shot of the faded button with the full color button above it:

shopify-faded-button.png
shopify-faded-button.png1920×923 193 KB

2

I just figured this out! It was because I hadn’t added a link to the button yet. The same thing was happening on my slider and when I added a link it wasn’t faded out anymore.