How to Create a Rounded Corners Content Box in Your Wikispace

August 22nd, 2009

Adding just a little bit of inline CSS within the Embed Widget > Other HTML tool can provide a clean design change for your content within your wikispace. I’ve provided a download link below to the HTML file that contains the code I use in the tutorial to create the rounded corner content box. You can change the colors I’ve used within the code by inserting a different 6-digit hex color code for either the background or the border. View the tutorial for simple instructions.

The rounded corners content box will only display rounded corners in Safari and Firefox. IE has yet to implement that feature in their browser.

Tags:

View Comments to “How to Change the Background of Your Wikispace Using CSS”

  1. William Crum says:

    How do I get the code to copy and paste when I’m trying to add text boxes? The download file just opens as a HTML page in Firefox? Help?

  2. atork says:

    Can you make a table with rounded edges?

  3. Mewalker says:

    I did this step by step and it did not work!

  4. Hi, I'd love to help you out. Sometimes the littlest mistake in the CSS can prevent it from working. Let me know if you'd like some help, and I'd be glad to walk you through it to see where your code might be messing up.

  5. Yes, you can make a table with rounded edges. Simply copy and paste this CSS code within your CSS file, and it should work….

    table { -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }

blog comments powered by Disqus