Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Autofocus pro theme - browser compatibility WordPress

  • SOLVED

Hi

I'm just finishing up my site ([[LINK href="http://www.holapascal.com"]]www.holapascal.com[[/LINK]]), which uses the Autofocus pro theme, but there are several issues I need resolved.

1) In firefox and IE there is a blue border on the top and left hand side of the pics, which needs to be removed.

2) The Garamond font that is used on headings on Macs defaults to Times on PCs. But the weight in Times is much thinner, almost pixelated when it is used on the hover state of the homepage tumbnails for example. I like the way it looks on Mac in Garamond and need to get this consistent on PC so these Times headings look similar in weight.

I'm not technically minded so just want someone to take the wp-admin login and make sure the site is compatible across the major browsers, addressing these problems specifically and if anything else is spotted then I would consider paying extra.

I look forward to hearing from an expert!

Thanks

Pascal

Answers (5)

2010-08-23

Pippin Williamson answers:

I can take care of all those things for you. If you'd like, you can email me the username and password to [email protected]

2010-08-23

Chris Lee answers:

Hey pascal:

I could fix this for you. [email protected]

2010-08-23

enodekciw answers:

1) a.post-image-container:link, a.post-image-container:hover, a.post-image-container:visited { color: #fff; }

easy-fix for image borders ;)

2) My FF (windows7) renders Garamond. So, I can't really get your problem here. Maybe you could add some screenshots?
Btw, you should know, that you cant always get EXACT looking fonts on mac and pc. Recently, I had some project where I had to use 8px Arial bold. Mac rendered it correctly, and tho' couldn't get it working on the pc ;(

2010-08-23

Louis Gubitosi answers:

Pascal, to remove the blue lines around the images, add these 3 styles to your style sheet.

.attachment-aflarge{color:#fff}
.attachment-afthumb{color:#fff}
.wp-post-image{color:#fff}

2010-08-23

Dan | gteh answers:

I cant see the blue border around the images so maybe it was fixed but:

img {border:none;}

should remove the border from all images.

Regarding the font, it seems to work for me on a mac, but have you thought about using CUFON for your fonts?

You can use it to turn any piece of text into an image using the font you selected that way it is compatible and viewable on any computer regardless of whether the font is installed or not. The text is still readable by search engines too.

http://cufon.shoqolate.com/generate/