Posts Tagged ‘Cascading Style Sheets’

Split Sidebar into Two Divisions

I decided to split sidebar into two divisions. So that I can use the primary sidebar as widgets and secondary sidebar as customize lists. Here is the original sidebar.php.

Misunderstand CSS Comma Syntax

Yesterday I did a silly mistake. I misunderstand CSS Comma Syntax. This is the original edited code.

Adding Space Between Paragraphs

I keep improving my WordPress theme. I need to add some space between paragraphs in the post. So I added the code below in layout.css. For my case, only header 4, 5 and 6 will be used in the post. You can add header 1, 2 and 3 as well if you like.

WordPress Theme Development 15 – IE Stylesheet

Old Internet Explorer, version 6 and earlier, intend to be different from the rest, Mozilla Firefox, Opera, Safari and Chrome. This style sheet is to fix old IE CSS bugs. Add display: inline; in floated division element will fix IE double margin bug.

WordPress Theme Development 14 – Typography Stylesheet

For font wise, all the contents are Georgia, serif. The code will be Monaco, monospace. I just bold with all the headers. Simple circle for list style in the post.

WordPress Theme Development 13 – Colour Stylesheet

Colour style sheet mainly to display the site with colours. Green and black will be the two main colours of the site. Hope you like it.

WordPress Theme Development 12 – Layout Stylesheet

I would say this layout style sheet is the most challenging. First of all, I just want this WordPress theme to have a basic layout with fixed width consists of two columns, one for posts and another one for sidebar. On top of the content is header and of course footer at the bottom. Structure [...]

WordPress Theme Development 11 – Reset Stylesheet

This style sheet mainly reset all the default setting in web browser. It will make the site looked the same in any modern web browser. It is based upon Yahoo UI library.

WordPress Theme Development 10 – Stylesheet

Now come to the look of the web site. Style sheets play an important role in this. I decided to slip the whole stylesheet into different categories: reset, layout, colour, typography and ie. Main style sheet, style.css, will import those categories. Main style sheet also include the style of WordPress default generated classes as shown [...]

WordPress Theme Development 1 – Start with Theme Style Sheet

I decided to develop WordPress theme from scratch in order to learn how the WordPress theme works. This WordPress theme development series is for WordPress version 2.7. Some of template tags that I use only available in WordPress version 2.7. So you might want to modified it to suite other WordPress version. First of all, [...]

« Older Posts