I just transferred from one theme to another. I want to copy the css from my previous theme to my new theme.
I know how to do that.
However, I created the css styling for my previous theme a long time ago. Because of that, I don’t remember what exactly each line of css is doing to the styling of my website.
Which brings me to my question:
Is there a way to take a line of css code and find out where exactly on my website it’s being applied so I can see what it’s doing?
Thanks for your time. Absolutely love the plugin!
Hi, thanks for reaching out.
Is there a way to take a line of css code and find out where exactly on my website it’s being applied so I can see what it’s doing?
Not that I’ve ever seen.
Ideally, the style.css file of your theme shouldn’t ever be modified. During theme updates, the entire theme folder is overwritten. CSS customizations can be safely stored in a Custom CSS plugin, CustomizeAdditional CSS or a child theme style.css file.
You can work out all the changes you’ve made and rules you’ve added by locating the original style.css file for your theme version and comparing it with your style.css file. There are many apps you can use like DiffMerge or FileMerge if you use MacOS and have Xcode installed.
Keep in mind that the markup of your new theme might be totally different from your current theme so styles might not apply to the new theme. Styles targetting content elements that won’t be changed by changing theme should migrate without issue.
Good luck and thanks for your support :)