New WordPress Theme: Sans–serif Racer

Posted on November 14th • Under: Design Suggetions

While tweaking the Times Racer theme which is currently used in this blog, I was fascinated by how the sans-serif typeface and the aligned positioning of different elements made it look really harmonic and solid.

After hours of PHP, HTML and CSS trickery, the new theme was named Sans-serif Racer and ready for the release. It features unique border elements, light background shading and, similarly to Agneka Simple, one base color which can be easily adjusted.

Detailed information and download is available in this section of Konstruktors wiki or you can also preview it on this blog. Your comments, suggestions and ideas are very welcome.

Update: Demonstration of super wide image inside a posts. Please resize the browser window to see the effect.

This is the caption of the image

25 Responses

Andrew

Nov 16 at 14:00

#24

This theme is really great, its simple but I like it alot because it is that way i use it as a music blog, come andsee how it works for me. Thanks alot =]

Andrew

Nov 16 at 14:45

#25

Hello again, I have a small problem hope you can help me. In firefox the sidebar looks fine but in Internet explorer my sidebar is at the bottom of the page on my blog. Can you help me please.

And please email me the reply if you dont mind cheers.

Kaspars D.

Nov 16 at 15:32

#26

Hello, Andrew. I just sent you an email.

Problem seems to be the invalid HTML source code where the title tag is at the very beginning of the HTML output.

TaeWoo

Nov 26 at 21:20

#35

Wow, that’s the best theme I’ve seen in ages!

Thanks a lot!

Does it support gravatars?

Kaspars

Nov 27 at 0:20

#36

Hello, TaeWoo. Great to hear that you like it.

This theme does support gravatars. I suggest you take a look at Easy Gravatar plugin, and place the gravatars in the content of comment (set it under the Easy Gravatar options in your WordPress dashboard).

guru

Nov 30 at 22:05

#42

this theme is GREAT and minimal for designers. clean and clear, great way to move around all of the sidebar widgets!!

Joan

Dec 6 at 20:01

#49

I dont see the sidebar on the main index or single pages..i have WP 2.3

Kaspars

Dec 6 at 20:06

#50

Hi, Joan. Could you please post a link to the blog, where you are trying out the theme?

One of the possible reasons (of which I can think right now) is the widgets placement. Did you place them like I suggested in this screenshot? Please let me know, and I will try to help.

Joan

Dec 6 at 20:51

#51

jajaja, you were right, after i put this comment i found out about the widgets. The reason is i’ve never used widgets before… thanx

Kaspars

Dec 6 at 20:53

#52

Great that it worked. You are welcome!

Joan

Dec 6 at 21:08

#53

Sorry to ask you again…i wanna increase the size of the post (article) space. something like http://www.smashingmagazine.com/

Or at least make the content part wider than the standard size

Kaspars

Dec 6 at 23:30

#54

Joan, there are several ways to do it: (a) change width of the whole content (#soul identifier) in the style.css file under Presentation > Theme Editor. (b) change the width of content-main column and content-sub only. Detailed instructions are available at this Sans-serif Racer customization tutorial.

Kaspars

Dec 7 at 0:03

#55

In style.css you have to find the line (near the top) where it says #soul { width:86%; max-width:78.2em; margin:0 auto; position:relative; left:-3%; } and change 86% to 96% or any other value you desire.

Joan

Dec 7 at 3:40

#57

Hi Kaspars, thanx for the help!!

For example you can check what i am doing here http://ccexportaciones.com/joan/

I want to know how to put the the list_pages under the main logo and get the sidebar up to be right next to the logo?
If you want let’s talk about it by email…i am going to use your theme on a make money online blog so i really need help

Kaspars

Dec 7 at 4:07

#58

Joan, the changes you require involve altering both HTML and CSS of the theme, which is a lot of work. I sent you an e-mail, which suggests the alterations that would be needed.

portlak

Dec 23 at 22:43

#170

hi
i have a problem with your theme. please read something on internet explorer 5 or higher. there isn’t any problem with index page but in singe i think something is wrong in style. thanks for your help.

portlak

Dec 24 at 0:01

#171

and i uploaded a screenshot here: http://img12.imagevenue.com/im....._761lo.JPG

Kaspars

Dec 24 at 1:59

#172

Portlak, I have tested themes in IE 6 and above, but unfortunately have decided not to add additional tweaks for IE 5 or similar browsers that do not comply with the web standards.

The problem seems to be with comment floating and clearing. I will try to look and find a possible solution.

Muhammet Sevim

Jan 15 at 15:39

#318

Hi Kaspars,
Thank you for the great themes, I really appreciate them all! However, I am unfortunately experiencing some problems in Safari, with image floating.
The following links will help me explain the problem better.

Firefox: http://img118.imageshack.us/im.....ld3wc3.png
Safari: http://img339.imageshack.us/im.....ld4cx5.png

So as you can also see in the screenshot, the attached image cannot be left-floated if they are too big. I hope there will be a solution for this.
Thank you again!

Kaspars

Jan 15 at 16:45

#319

Muhammet, this seems not to be the bug of the theme. In a situation when the image is way too wide, safari behaves differently than firefox. If you would place a smaller image, you would see that both safari and firefox float it in exactly the same way.

If you really want to place such wide images in your posts, I suggest you use the available CSS classes described at the Sans-serif theme wiki page.

This is what I would use:

<div class="image wide"><img src="" ... /><p>Caption of your image</p></div>

Update: Please see the article above for a demonstration of an extra wide image inside a post. To have the same auto “cropping” effect you will have to update a single line in your style.php CSS file (Add overflow:hidden; to div.wide). See the theme’s changelog for details.

Muhammet Sevim

Jan 15 at 22:07

#321

Kaspars, the second solution you’ve provided ist really great! Thank you very much for your reply, and keep up the good work!

Mar 12 at 15:42

#791

Hi Kaspars,

thanks the great, great unique wp-theme.

we are a hungarian youth and cultural civil organism in kecskemét.

chek our site in: http://vakum.hu

Eiso

Jul 14 at 17:24

#7429

Dear Kaspar,

Your theme does no longer seem to work in IE7 on the single post page. Is there a posibility you could provide a fix, it would be greatly appreciated.

Best regards,

Eiso

New WordPress Theme: Sans–serif Racer

Add a comment or read something more:

25 Responses

Trackbacks & Pingbacks

Leave a Reply

About the Author

Latest Posts

Recent Posts

Browse by Tags

Browse by Tags

Most Popular

Most Popular

Categories