Transferring Changes From Chrome Inspect Tool to WordPress

I am not a developer so my understanding of code is bovisouly quite limited. However, I often find myself in Chrome inspecting a page and by trial and error I’m able to stumble upon the desired change.

The issue becomes reverse engineering what I did so that I can transfer those changes to wordpress.

For example, If I add an attribute in html, then jump around to different parent / child elements and add CSS.

Is there some sort of plugin that simulate the inspect tool for making changes?

Or any other general tips would be appreciated. I am constantly get lost in all the tabs I have open and I spend sooo much damn time loading pages..it’s maddening.

I see ppl using tools that seem way faster than the way I do it. Like this app this guy uses to easily jump through the files and make changes to the live site; rather than appearance > theme files. Is this a [wordpress.com](http://wordpress.com) only tool?

https://preview.redd.it/vo02llr6ju3d1.png?width=1245&format=png&auto=webp&s=e65e78af14cb9a4a4c462eaee63be23224265a44

I’ve seen some tutorials using the wordpress editor, but I’m using a theme and most pages use elementor. I’ve added a child theme that I’ve used for a few php functions, I usually use customize > additional css for style changes. I’ve never done an HTML change.

3 Comments
  1. So if u use any page builder where it has a css editor, or you can directly add this to the theme settings . You just need to identify the classnames, and the changes you want and copy it.

  2. You can use ftp or ssh protocol to get into theme files and then open them in code editor.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer