Saving "Inspect" changes as permanent.

Hi, I have a coding question. Squarespace built in styles wouldn't let me change a color of one of the element so I went thru "Inspect", found the element I needed and changed it with some extra code. Here is the example: the original code -> <button title="Remove Item" aria-label="Remove Item" data-test="remove-item"><span aria-hidden="true">X</span></button> (where the "X" is black) and the altered code to display the "X" in white: <button title="Remove Item" aria-label="Remove Item" data-test="remove-item"><span aria-hidden="true"><font color="#fffffff">X</font></span></button>. It did change the color like I wanted so that I can see the "X" in white on a black background. My problem however is that it doesn't save it this way. Each time I change it and either close the browser or refresh the page it resets to default which is black. Is there a way to save the changes I made in "Inspect"? Or is there a way to go about it in a different way? Please help.

Changes you make can not be saved into a Squarespace site. You have to apply the changes you make in inspector manually into your SS site via Custom CSS or other means.

If I make the change in the "Inspect" view is there a way to pull it/copy it in a way that I can paste it into Custom CSS as a code to make it work?

You can copy and paste code from many of the areas of the inspector. How that can be done can not be easily covered in a few sentences in a post here. You would need to read the docs for your browser's inspector and also research on the web for various techniques.

One of the techniques I like to use is creating an inspector stylesheet. It's basically an in memory style sheet that you can build up CSS in and then easily paste into Custom CSS and elsewhere.

4 hours ago, Vitto said:

Squarespace built in styles wouldn't let me change a color of one of the element. I wanted [to] see the "X" in white on a black background.

To change it to white, see my answer here: