What makes Style Adjuster great is that you can adjust numerical CSS property values using a slider, without having to take your eyes off the changes happening in the target page. This reduces cognitive load, and lets you concentrate on the aesthetics of the changed values, which is what matters. Click the extension icon to bring up the Style Adjuster dialog. The dialog shows you all CSS styles in the current (target) tab. Choose which CSS properties you wish to 'adjust'. In the 'Edit' tab, select the property to edit. Edit the property. Text-editing is always available, but other editor UI is available for common property types, such as dimensions, positions and colors. See your changes made in the target page. Go to the 'Changes' tab to see any changes you have made in CSS format. Select and copy the changes and paste them back into your source code. Rinse and repeat.
You can Follow the below Step By Step procedure to install the Style Adjuster Chrome Extension to your Chrome Web browser.
It is the Style Adjuster Chrome extension download link you can download and install Chrome Browser.
Toggle classes and attributes
Code Cola is a chrome extension for editing online pages' css style visually.
Look for patterns inside HTML, JS, CSS and AJAX code
Write CSS to any web page dynamically
Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...
Allow editing of every web page, for your pleasure. Based on code written by Rony Shohat.
Quickly tweak and fix website CSS. Publish the fixes to your live website in no time.
This extension allows you to drag each element of your website around individually to help you get your site just right.
Live Write CSS onto any page