How to Use Rounded Corners in Your wikiHow User Page

Have you ever seen users on wikiHow who have rounded corners in their user pages or personal templates, and suddenly wanted them for your own page? Many people do not realize that getting rounded corners is actually very simple. Here's how.


  1. Image titled Use Rounded Corners in Your wikiHow User Page Step 1
    Find a "protoRound" template for use in your user page. There are several of these templates, some belonging to specific users, including Eric W's template, Milos Karalius' template, Thomas Palmer's template, and Axiom's template, among others. It really doesn't matter which one you choose, as they are all exactly the same.
  2. Image titled Use Rounded Corners in Your wikiHow User Page Step 2
    Place the template within your div tags in the correct place. In your div tags, type {{Template_title}} right before the section designating the page's margins. See the picture below. Note that if the template is in the template namespace, you can just write {{Template_name}}, but if the template happens to be in the User: namespace, you will need to type {{User:USERNAME/TEMPLATENAME}}. If you have trouble with this, some members of the Help Team may be able to assist you.
  3. Image titled Use Rounded Corners in Your wikiHow User Page Step 3
    Save the page. Note that if you are using the template in a personalized welcome, or a template you plan to use on a different page, you will need to close all tags, such as all <div> tags with </div>, all <font> tags with </font>, all <center> tags with </center>, et cetera. However, for user pages this is not necessary, and for talk pages, it is actually necessary for the tags not to be closed.


  • Alternatively, one can just use the following code instead of a template:
    • -moz-border-radius-topright: 1.5em;-moz-border-radius-topleft: 1.5em; -moz-border-radius-bottomright: 1.5em; -moz-border-radius-bottomleft: 1.5em;
  • This often looks good with a fairly thick (perhaps 5 pixels thick) black border, although it is up to you which colors to use.


  • For some reason, these rounded corners do not show up in all browsers. However, they should work in the Firefox browser.
  • Implementing round corners can be difficult at first. See a member of the Help Team if you need assistance.

Article Info

Categories: User Pages