Modifying Twenty Ten CSS

Typically when adding your own structures to a CSS file you put them at the end of the file.   They are easier to find down there and know where the original code ends and your additions/modifications begin.

Twenty Ten CSS will throw you a loop

I started making changes that way, but none of my changes were showing up.   Turns out the Devs at WP put some Mobile Browser and Print Styling at the bottom of the style.css

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
————————————————————– */

Further down you will find:

/* =Print Style
————————————————————– */

The best thing to do is go right above the Mobile Safari remarks and put your additions/modifications there.

Granted, sometimes you have to have put them higher in the code.   For those occasions, especially deletions I often will remark out the original code and place the new code directly below it.

Print Friendly

About Dave Smith

Did you know that with Twenty Ten if you fill in the User Biographical info field it will put an author window at the end of each post. Be sure to get your gravatar for all authors on your site. And fill out the Bio field in the profile.
This entry was posted in TwentyTen and tagged . Bookmark the permalink.

One Response to Modifying Twenty Ten CSS

  1. Yasen Vasilev (1 comments.) says:

    Nice tip. I’ll try it now, as I couldn’t change the typography of the posts.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

* Copy this password:

* Type or paste password here:

4,866 Spam Comments Blocked so far by Spam Free Wordpress

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge