Jump to content

Saving "Inspect" changes as permanent.

Recommended Posts

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.

Link to comment
  • Replies 4
  • Views 2.4k
  • Created
  • Last Reply

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.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
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:


Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.