Element CSS Disappeared. Still Active and Can't Find It!

[tkcostello]

I was playing with some grayscale CSS for images on a site I am working on. I was adding it to an image on the Element CSS and it worked, but I noticed it changed all the images on the page. It must have saved, and now when I go to the element to remove it, it’s gone and I can’t find it. It’s also making the logo in the header (on the homepage only) grayscale. Where did it go, and how can I remove it?

[tkcostello]

The CSS is only affecting the homepage and doesn’t seem active anywhere else. So, I’m thinking it’s attached to some element, but how can I find it?

[ruenel]

Hello @tkcostello,

Thanks for reaching out. You have accidentally added this custom CSS to the column element inline CSS in section 3:

img {
  filter: grayscale(100%);
}

How I easily found it? You can always go to the Layout tab to see the skeleton structure of the elements. You will notice that there is a number on the right side of the column element which indicates that an extra setting was applied to that element. If you hover the element, it will display that an inline element CSS was added to the element.

Hope this helps.

[tkcostello]

Fixed and thank you!

[marc_a]

Hi @tkcostello,

You’re welcome and it’s our pleasure to help you! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.