How to change font used in smart archive plugin, have an error WordPress

• SOLVED

I have installed the smart archive plugin and all is working fine.

Now I would like to change the current font to the one used on the rest of my website which is verdana? have already received the advice from sombody to use use firebug, but I am are not able to identify the error in my theme's style css file.

If somebody can please check my website? I am not that handy with WordPress.

[[LINK href="http://ce-zone.nl/?page_id=2958"]]http://www.ce-zone.nl[[/LINK]]

I have added a page called Archive and used the smart archive plugin to display the archive as a block and list.

The font is completely different from the rest of my site.

What is used, which is standard on my website, what I can see in the css style file is:
body{background:#111;color:#bbb;font-family:Arial,"Segoe UI",Verdana,sans-serif;font-size:12px;}

But how my archive page is displayed is a very ugly font which looks like courier.

Somewhere, something is wrongly coded or linked.

Any assistance would be really appreciated.

Answers (4)

2011-06-21

Utkarsh Kukreti answers:

Your archive page renders links inside 'code' tags. You should add something like this to your style.css (If it doesn't conflict with the styles you're using on your site).

code { font-family: Arial,"Segoe UI",Verdana,sans-serif; }

2011-06-21

Duncan O'Neill answers:

Hi Engelien,

I'm only seeing the fault in IE, and not in Firefox. It';s almost certainly because you have errors in your css;

[[LINK href="http://tinyurl.com/3eoq4us"]]validate css[[/LINK]] in this css file;

[[LINK href="http://ce-zone.nl/wordpress/wp-content/themes/zdark/style.css"]]http://ce-zone.nl/wordpress/wp-content/themes/zdark/style.css[[/LINK]]

The most obvious error is on line 31, where you have;


#header{width:900px;height:;margin:0 auto;clear:both;}


Change that either include a height value, or leave the height declaration out altogether.

Then fix the errors on lines 113 and 121 of the same file, and your IE rendering is almost certainly going to match Firefox.

best,

Duncan

---

Duncan O'Neill comments:

The other answers came up as I was typing out mine. Ditto to what Christianto says above...

2011-06-21

Christianto answers:

Hi Engelien,

Add this on your style.css..
#smart-archives-block code,#smart-archives-list code{font-familiy:Arial,"Segoe UI",Verdana,sans-serif;}

---

Christianto comments:

Upss..
See Utkarsh Kukreti answer..

2011-06-21

Pali Madra answers:

Hello

Seems like @duncan has analyzed and suggested the remedy. Just curious to know if it is the correct answer or not?