Skip to content

Make Change to phpGrid Default CSS stylesheet

The best way is to use web browser developer tool to inspect the element and find out the respective CSS and modify it

To activate developer tool element inspector, use the keyboard shortcut for such task: https://developer.chrome.com/devtools/docs/shortcuts

The shortcut is:
  • On Windows, Ctrl+Shift+C
  • On Mac, Cmd+Shift+C,
Once the shortcut keys are pressed, the developer tool console shows up at the bottom of the browser.  Next, hover the mouse pointer on an element on the page and click to reveal its corresponding HTML, Javascript and CSS. You can then modify the CSS or HTML to your heart's content right inside the style window, and the page will update in real-time.

Here's a quick screencast: 
http://screencast.com/t/iTrlzhbxB

Finally, make sure to the insert and save the CSS changes you made somewhere on the page.    

Feedback and Knowledge Base