Edit CSS Using Google Chrome Developer Tools: 3 - Making Live Changes to CSS

> Please navigate to a page of your website for which you want to modify the CSS and inspect an element on the page

> Please click on the Computed tab

> There will be A list of attributes for the inspected element is displayed

> Please hover the mouse pointer over an attribute

> Please click on the arrow icon that appears next to its value

>  You can navigate to the Styles tab and the attribute for the selected element will flash once

> Please click on the value and type in the new value you want, to change an attribute

>  there will be no need to refresh the page, the changes will appear immediately

 

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

Edit CSS Using Google Chrome Developer Tools: 1 - how to access Chrome Developer Tools

> Please open the Google Chrome browser on your computer > If it's not installed you can...

Edit CSS Using Google Chrome Developer Tools: 2 - Inspect an Element

> Please start Google Developer Tools > Please click the Select Element icon from the top...

Powered by WHMCompleteSolution