Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

[SOLVED] border-radius.htc for round corners in IE

Old Apr 20, 2011, 07:13 AM
5 posts · Apr 2011
Hi there,

First I want to say I love your theme! I have used it for a couple of sites and have been really pleased at how easy it is to work with.

I find myself today with an issue that can be solved by knowing where the css lives exactly.

I want to use this border-radius.htc that allows rounded corners in IE.
The information I am follow is from here http://jonraasch.com/blog/css-rounde...n-all-browsers

He states "The path to border-radius.htc works differently than you may expectóunlike background-image paths which are relative to the stylesheet, this path is relative to the page from which you call the CSS.

Thatís why itís a good idea to avoid relative paths like we did above."

and he demos this path in css

.rounded-corners {
    behavior: url(/css/border-radius.htc);
    border-radius: 20px;
I am trying to apply this fix to the center portion where posts and pages live. I have looked through the css.php and also style.css.. and have not had any luck figuring out where (which directory) to put exactly the .htc file also how would I add in the css ... currently I am using it on the container for the pages and posts sections and have inserted the css there but.. I can't get the path right for the htc file

Any help integrating this would be very appreciated! the url to the site I am working on is

If this post sounds disjointed forgive me I have been awake working for a while!

Thank you for your time and a most excellent theme!
Old Apr 20, 2011, 07:47 AM
5 posts · Apr 2011
ok I guess being blurry eyed and stubborn does pay off lol Uh I guess this is self solved too!

I figured it out and here is what I did for those also wanting to fix this, I have IE7 and cannot test it in other versions so I hope it looks right in them.

I placed the css under style posts and pages in the top section post container.

behavior:url('<?php bloginfo('template_directory'); ?>/border-radius.htc');
I also would like to note I do have an image behind the post layer to generate the site look
under style and configure layout container, Layout Container Style section I have this in the css to make sure the image is at the back and not covering up the post background and border ( this was the first problem I ran into was that the post would flash border and background and then go away)

position: relative; z-index 0;
thanks again!


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Inside radius corners for the Center Column Michael Center area post/pages 0 Apr 15, 2010 09:47 PM
[SOLVED] Putting radius on corners of Header Image nwheal Header configuration & styling 4 Feb 2, 2010 05:19 AM
Round corners on sidebar? Velma Sidebars & Widgets 4 Jan 14, 2010 09:29 PM
Error message about border-radius paulae Atahualpa 3 Wordpress theme 2 Oct 31, 2009 08:45 AM

All times are GMT -6. The time now is 09:40 AM.

Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.