I would like to know if it's possible to edit the CSS by using Chrome DevTools, and if yes I would like to know exactly how to do it. I already tried to change some things but at the end it doesn't save itself on my shopify.
Thank you very much
When you try to change CSS using Chrome's DevTools, it just changes the css till the time we refresh the page, those are temprory changes. If you want to make those changes permenant you have to edit the code in the backend. There is no way you can make permenant changes on DevTools of any browser.
Please follow these steps to edit CSS in shopify:-
I suggest using comments to easily identify your changes so you can always undo just in case you do something wrong. You can use css comments like:-
/* This is my css */
And below that you can add your code.
Let me know if you need any more help.
In this case you can search for any file with .css extension and in that file you can make your changes in the bottom, you can use theme.scss.liquid too. If you don't want to use that file than you can add new .css file in Assets folder.
That is a css file. (It's a sass file that's rendered into CSS on the storefront).
Is there anyway to see what I am adjusting on the dev tools page and then what i correct to look good, how do i reference what i did into shopify and where i can go into shopify and correct it. For example i have a large blank space on one of my collections pages. in DevTools I can delete the two <br> <br> to look how i want it. i want to know how i can use that to search in shopify and edit it in the code.