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

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

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

(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.

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

/* 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

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