Buttons are not showing up.

[Peaches5575]

Hi,

We recently noticed an issue where it seems like some of the buttons on our homepage have "disappeared", they are still there it's just the color has somehow changed to white so you cannot physically see them. However, in the admin> customize,  they show up in the editor. We have been changing some colors across our site recently but I cannot seem to figure out where the color for those buttons was changed and why they are showing up correctly in the editor and not on the live site.

*SO YOU CAN FIND THE BUTTONS* - There are buttons all on our homepage. Under each of the sections that have paragraphs the buttons are right under the first few words on the last line. You can see your cursor change once your hovering over them. Like I said, it appears the color was somehow changed to white so you can't see them but they are still working buttons. 

URL:https://pearsonfarm.com/

[Dan-From-Ryviu · Accepted solution]

Hi @Peaches5575 

Please go to your Online Store > Themes > click "..." > Edit code > open component-image-with-text.css, find those lines of code

.image-with-text__text + a.btn, 
.image-with-text__text + a.btn + a.btn,
.color-background-2 a.btn {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  width: auto;
  flex: unset;
}

Remove this line from the code above and save file.

color: #fff;

[Peaches5575]

Thanks for the reply. I was able to get it to look like it did in your image, however, the text is supposed to be white, it is the background color that is supposed to be that green color. Do you know where i can get that to change or what i could add to the file to get that green to show again. 

Also, how were you able to get the devtools bar to show you the files, that seems like it would be very useful when trying to locate where certain bits of code are without having to search through files for hours. 

[Peaches5575]

Wanted to add that when I remove that line of code, editor still is showing the correct background but now the text matches that background. Is there any reason why the editor would be showing up correctly and the live site isn't showing the way the editor does.  ***Below is what shows up in the editor when the file you said to remove is still there. Once removed the text changes to the same color as the background.