This topic is locked

Editing Style.css

2/27/2009 5:28:20 AM
PHPRunner Tips and Tricks
E
egsiii author

If you want to edit the style.css file your but not sure what to change to get the effect you are want, here's a useful tip.

  1. Install the FireFox Browser.
  2. Install the FireBug addon.
  3. Navigate to your PHPR page
  4. Point at the element you'd like to change.
  5. Right click and select Inspect Element
    The information needed to change the element will be displayed.
    I use Microsoft Expression Web to edit the style.css file but any editor will work.

vin7102 3/9/2009

Outstanding Tip... Works GREAT

Thanks egs333!

M
mmponline 3/11/2009

Thanks! Works great! Was always a hit and run or guessing to get to the right style!

Pity one cant change the stylesheet right there...

S
swanside 3/12/2009

Thanks! Works great! Was always a hit and run or guessing to get to the right style!

Pity one cant change the stylesheet right there...


It seems to edit it right away. If you click on the Inspect element, and in the Style window on the right, you can put your mouse over the hex colors, it displays the current color, just high light the hex code and change the color, I use this site for the color hex values http://html-color-codes.com/
Once you change it, it puts the color in its place.

S
swanside 3/12/2009

BUt it does not seem to save it?????

C
cemrunner 3/12/2009

You can install the "Web Developer" add on for Firefox.This one allows you to save your css.

Assuming the css resides on your local machine.

vin7102 3/12/2009

Nice cemrunner, I never noticed that app before! Thanks for the tip..

S
swanside 3/13/2009

Yeh thanks, will try that.