Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   Have 2 rounded corners and 2 squared possible? (http://forum.bytesforall.com/showthread.php?t=11317)

vincent Nov 22, 2010 11:04 AM

Have 2 rounded corners and 2 squared possible?
 
Hi,
Client needs to match the main template with corporate printed brochures.

How do I make the top left and bottom right corners rounded, leaving the top right and bottom left as squared corners please?

Hoping there is a CSS cross-browser solution to this.
Thank you,

- Vincent

juggledad Nov 22, 2010 02:42 PM

take a look at w3schools.com/css and you will find the syntax for rounding and you can use syntax to refer to top/right, bottom/left etcx

vincent Nov 22, 2010 07:25 PM

Where within the theme options is best to put this particular CSS please?

By the way, I can't seem to add an amount for donation :-(

Thanks,

- Vincent

juggledad Nov 22, 2010 07:45 PM

(thanks, we know about the donation issue and it's being looked at)

where to put the CSS depends on what you are styling. Many of the areas have their own configuration section, but there is also a CSS Inserts section for applying CSS to something that is not covered in the options.

vincent Nov 25, 2010 09:48 AM

OK, firstly seems that donation link is working now :-)

Now to do my first bit for the community.
In case anyone else needs to do the same or similar to myslef, here is what you need to do:

Go to "Style & configure layout"
Add the following
Code:

/* uncomment next block for round corners */

-moz-border-radius: 30px 0px 30px 0;
-khtml-border-radius: 10px;
-webkit-border-radius:30px 0px 30px 0;
border-radius: 30px 0px 30px 0;

Just change the 30px to any value that works best for you.
Best wishes,

- Vincent

vincent Nov 26, 2010 05:53 AM

By the way, the above won't work to give rounded corners for any IE browsers -- except IE9 maybe -- but heard there is a method by uploading and referencing to a custom .htc file.

If anybody here knows more about this it would be appreciated.
Many thanks,

- Vincent


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

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