CSS Tutorials

We know thesis theme is simple and clear in order to make our site looks pretty we need add image or logo in the header section. Here I am going to explain how to change header image in thesis. First save your site logo as a image file like .jpg, .png, .tif and etc.Then you need FTP software to upload your logo into the site. Here I used filezilla ftb software to upload header logo.

In this tutorial we will make a nice transparent overlay image caption using CSS.

Hi Thesis theme users! Hope you have already satisfied with your thesis theme. You know that our thesis theme looks minimalist. Some bloggers don’t agree with the word minimalist when you use it regarding thesis theme. I am also. You can’t tell it like that. Because thesis can bend and blend as per our wish.

We know navigation of a site create more impression to the users. Normally default navigation menu bar in thesis theme is in unfinished form.That is the navigation bar is not appear complete width of the web page. It shows upto the available tabs in navigation. We need to change it into finished from which looks quiet pretty. In order to change your navigation menu as finished form.

A trip back to the basics of using CSS sprites to lower load times and easily show hover states.

The previous post we seen about how to add new post in your blog. This video tutorial explains about how to edit published post, edit the post already saved in draft, post excerpts. And also deals about how to upload image and video into the post.

Once you deleted the default post and comments, to add post login wp-admin click on ‘add new’ under posts. You can get the below widow on screen. Here you need to give your post title. Add your post content in inside the box in ‘visual’ mode. The below video will explain in detail about these things.

In this video tutorial deals about how to create site-map and archives for your blog. Normally thesis theme offers thesis options and design options. Inside the thesis options we can choose our archives pages similar to home page, or only title or like teaser box or post excerpts. Which type we want we can select in the display options.

Pseudo classes are those things with colons in them, you know, like :hover or :link. They let you control the CSS of stuff in different forms, states and places easily and efficiently, without taking up too much room. CSS3 is going to introduce a ton of new pseudo classes, and they’re going to make our lives a lot easier (if you take browser compatibility out of the equation)

Though CSS3 properties are not yet widely supported, there is no harm in experimenting with what may eventually be the norm. In this tutorial, we style a web form with rounded corners, gradients and a shadow using only CSS.