Easy CSS Editor for Mac

I am not on the mac, but you can use FIREBUG or WEBDEVELOPER (if you are using firefox).
I heard the stylizer will come to mac soon, so you might check it .
anyhow , you might find these reviews helpful

( @ ClaytonJames :
I hope that you will not take that too hard, but I am sure that miacdz knew exactly what he is asking for.posting an answer must somehow, IMHO,have some kind of a solution to the problem, and not leaving it as it was before, which for micadz case ment – still dealing with a TXT with no visual reference)

@micadz

I just installed ARRAS theme on one of my test servers out of curiosity. The theme has an options menu that may include the item(s) you want to change. It actually adds an “ARRAS Theme” menu in the left side of the dashboard on the bottom. The reason that the style sheets don’t all show in the WordPress theme editor is because they are located in additional directories in the theme folder structure… “css/styles/etc…”. That isn’t usually the case.

If you have not already seen them, take a look at these options in your dashboard before editing manually.

Arras Theme Options:
* General
* Categories
* Navigation
* Layout
* Design
* Reset

You may be able to adjust what you need from there. I think I like that theme. I may mess around with it for a while.

Good luck.

I managed to change the background color and body font color here:

/wp-content/themes/arras-theme/css/styles/default.css

/* globals */
body { background-color: #F0F0F0; color: #333; font: 12px ‘Lucida Grande’,Arial,Helvetica,sans-serif; height: 100%; min-height: 100%; }

Changing #F0F0F0 to #000 for testing changed the background color to black for me, no problem. Changing #333 to #FFF, also turned the font white in the the body area, on full posts. So, I think you are in the right spot.

If you look farther down around line 161 in default.css you will also find this:

.posts-default .entry-summary, .posts-quick .entry-summary { color: #666; overflow: hidden; }

Changing the #666 to the same color you want the fonts in the posts to be, will change the font color under the thumbnails/feature pics on the front page. I tested it and it worked for me. change only the color values, and make sure you refresh your browser after the change. It should work ok.

Glad you got it headed in the right direction.

Best wishes.

How was that, krembo99?

🙂

🙂 Much better .
I just sometimes do not like seeing threads with no direct answers 🙂
It causes the thread to be flagged (somehow) as “someone is dealing with it”, that at least for me, a lot of times causes to skip that thread.
(same thing with not cahnging to RESOLVED)

As for the micadz problem, I still think a visual editor would be much better for someone who starts CSS..
In fact, His site contains now numerous problems caused by syntax typing errors.

(@ micadz – you should change those …)

for example : default.css

Line 134
background-attachment:relative; /**-->>> this property can not be in that rule.**/

Line 157
margin: 0 auto; width: 958px; background: #FFFFFF repeat-x #CCC; height: 30px; border: 1px solid #cccccc; /**--->>> same problem here with the background **/

user.css :
Line 2 font-family:'Helvetica,sans-serif; /**--> close the string constant **/

to change the logo that you wanted :
copy this part :

/** START copy from #Header to #Branding **/
background-image: url(http://zine.commonpeople.sg/zine/wp-content/uploads/2009/08/commonpeoplelogo0309.jpg);
background-repeat:no-repeat;
background-position: left top;
/** End copy from #Header to #Branding **/

from #header to# branding

then add this to branding: (has clearfix hack)
left top;height: 70px; /** Put height of image, or other value **/

to fix the height by your image . (this will also resolve the space problem you wanted at the header.)

if you want to center the image at the vertical center of the div, (to have space above and below the image, just use

background-position: center left;
instead of
background-position: left top;

I would also adjust the clearfix and the header height, maybe using a spacer div
and fix bigger height for the #branding height property.
And dont forget to delete this :
background-attachment:relative;

🙂 Much better .

(Sigh). I feel so… validated, now. Like a great weight has been lifted. Thank you.

I still think a visual editor would be much better for someone who starts CSS..

I think you are simply and un-necessarily insisting (for whatever reason) on blurring the lines of distinction between the creation of layout and the simple editing of files (which was what the OP asked for in the first place), for someone who only wishes to edit files, and probably does not yet grasp for the most part, -which I think you probably already realize full well- the syntax and structure of css, and the relationship between what “works” and what “works and validates”.

…I just sometimes do not like seeing threads with no direct answers

A) you should probably get used to it.
B) lets pick that apart for a minute.

OP: ” Typically I edit CSS in wordpress…
…I have never used an editor before. Can somebody recommend me an easy tool for mac?”

ME: “You need only a text editor. If you don’t want to use the one that is native in OSX,…”

I don’t see a whole lot of room for extrapolation there. That’s a pretty concise answer to a very direct question.

Yes. I can recommend one. There is a free one already on your Mac (that is what “native” means) . If you want something more… …here is a Google link to dozens of editors for mac.

Who the heck (besides you) said anything about “visual editors” and “starting css”? Perhaps you should go back and actually read the original post again.

“Typically I edit CSS in wordpress. But I am currently using the ARRAS template which does not allow that. Hence I need to use a CSS Editor. I have never used an editor before. Can somebody recommend me an easy tool for mac? Thank you”

The term “CSS” could have just as easily been “.html” “.php” or “.htaccess” and the meaning of the question would still be the same. It just happened to be a style sheet that got mentioned. Make more sense?

Whatever… Have fun!

🙂

</incredible waste of time on non-issue>