How can you create rounded box corners?

If you’re talking about how Unbounce has rounded table edges, that is actually an image. To create that look in Unbounce, create three sections. In a nicer graphic program, create a rounded rectangle that is the same width as your table in Unbounce–be sure you use the same exact color in both programs. For the top of the table, crop off the bottom portion of the rectangle, save it, and set it as the top section’s background in Unbounce. Then, in the graphic program, undo the cropping so that you can then crop the top portion of the rectangle off so that you can save the bottom portion and make it the bottom section’s background in Unbounce. The middle section in Unbounce should have just the hex/html color set as the background–you don’t have to use an image.

I hope this isn’t confusing. I’ve attached an image to help you visualize what I mean by cropping. The image would be set to be the bottom section’s background.

Does unbounce have any plans on creating this feature in future updates?

Hey guys,
Yes we certainly do have plans in the near future to build rounded corner capabilities into the editor, along with gradients and drop shadows. As Ben mentioned above, these are all possible with some CSS3 stylesheets (which you can add yourself if you like). I’ll let this thread know when the feature is released!

Cheers,
Carter

P.S. thanks for the detailed writeup Sara Beth!

Hey Jon, it’s not available quite yet, but I can tell you that it’s already under development and the release will likely be weeks away (not months). Stay tuned!

Is this available yet?