How do I save changes in inspect element?

Shopify Discussion

Topic summary

Saving style tweaks made via “inspect element” (browser developer tools) is not possible; those changes are temporary and vanish on reload. To make layout adjustments (e.g., section padding) persistent, you must edit your theme’s CSS (Cascading Style Sheets).

Recommended steps:

  • Replicate the exact CSS you tested, including the correct selector (class or ID).
  • In Shopify admin: Online Store → Edit code → locate base.css (or your main stylesheet).
  • Paste the CSS at the end of the file and save to apply sitewide.

Notes and outcomes:

  • No method exists to directly “save” from devtools into the theme; manual code updates are required.
  • Guidance focuses on editing base.css; no conflicting advice was given.

Open item / recent post:

  • Another participant asked where to add a specific HTML snippet (a “continue shopping” button and help text) in Shopify. The thread does not provide placement instructions or a resolution for that HTML insertion.
Summarized with AI on December 27. AI used: gpt-5.
1

Hi there!

I hope someone can help me out with my issue.

I am currently changing the padding betwewen my sections on my website by using ‘inspect element’, once I have adjusted the padding size, I see immediately the result. But unfortunately when I reload the page, the changes are gone.

Does someone know how I can save my inspect element changes?

Would love to hear from you!

Greetings,

Koen

2

Hello @koenvanthof
You can not. You need to copy the exact changes and paste it into your css file.

Let me know if you need anymore help.

3

the changes are not be saved because inspect element not saved changes this is a developers tools for test the code and changes.

note your changes code with the target “class or id”, then open your store dashboard go to online store => edit code => base.css => paste that code on the bellow and save it.

4

I need this code to be added in shopify but i dont know where to find it.

Turpināt iepirkties

Nepieciešam palīdzība? Nosūtiet ziņu uz info@melderiwood.lv