How did my custom code move itself?

Product Support

AI-generated summary

The user one1 is experiencing an issue with custom code in their themes. They added CSS code to three themes using the Custom Code editor, but two of the themes are not displaying the code in the editor, despite the code being present in the exported theme file (common/common.scss) and taking effect on the site. In contrast, the third theme is behaving as expected, with the custom code visible in the editor (one1). NateDhaliwal asked if the themes were imported from GitHub or created on the site, and one1 confirmed they were made on the site and not currently linked to a GitHub repository. The user is seeking to understand how this happened and how to remove the custom code when it’s not visible in the theme interface.

1

I have three themes installed.

I used the Custom Code editor on each theme to add some css to all three. (I know now this was not the best way to achieve my goal)

However on two of those themes it says:

image
image545×258 4.95 KB

Which is wrong because

  • I can tell by looking at the site that the css I added is doing its job and
  • when I export the theme I see the code I added in common/common.scss

When I do click on “Edit Code” there isn’t anything there.

How is this possible? Two themes are like this (claim to have no custom code but it is in the export) and one is behaving as I would expect indicating that it does have custom code and I can see the code in the interface.

My secondary question is how do I go about removing that custom code when it doesn’t appear in the theme interface?

I’m (obviously) still trying to get my head around how themes work. I realize now that my changes should have gone into a theme component and then I should have included that one TC in all three themes.

3

Are these themes imported from Github, or made on your site?

4

This is the one that is behaving as one would expect:

image
image1217×1255 64.6 KB

This is one behaving unexpectedly:

image
image989×1211 68 KB

I’m guessing this means made on the site. They aren’t linked currently to a github repository.