Hi,
Thanks for purchasing this add-on.

I'm here to help, and am happy to answer any questions you may have. I appreciate your feedback and will certainly take that on board.

To use the block, simply add it to the page that you want the rounded corners on. This page should already contain the elements you want to round (eg. div tags).

Second step, enter the CSS selector for the div tag you wish to round. For example, if the div tag in your website has an ID of "mybox", then enter "#mybox" in the Rounded Corners block. From there you can also set the rounding size (radius) and style.

You can set the div background colour, padding and borders in your CSS stylesheet as usual.

Here's some example code:

<div class="container" style="width:600px;padding:32px; background:#111;">
My content goes here...
</div>

Add the following into the "element" field in the Rounded Corners block:

.container

This will select the div tag with a class of "rounded".

I hope this helps. If anything is unclear, just let me know. I'm here to help.

JB

I appreciate you getting back to me. Maybe I am overlooking, what most people will assume but, to me you are still skipping the first couple of steps of explanation of your block, that is not self explanatory to me. I think I have figured out the procedure, I state it below. So that you don't have a lot of confused users (maybe I'm the only one who is confused) is this block works slightly different from other add-ons. You can add the block anywhere on the page (left column, right column, main column, header, etc...) to assign curved corners to any element, div, etc... on the page. And, you can assign rounded corners to more than one element, div, etc... on that page using the same block addition. You don't have to keep adding it to the same page. Want to assign rounded corners globally to elements, divs, etc... on the whole site? Go to the dashboard, choose pages and themes on the left, then click on page types, and choose the page type you have your global design by clicking on the default button of that global design. Add the block to any area on that global page to start making global curved corners to all pages of your site. This is the kind of explanation I am talking about. This is where I think a lot of people will get tripped up. You are leaving all of this out. This is the instruction I needed to understand you block, and maybe others will too. If I have anything incorrect or there is another way, please let me know so that I don't mislead other people.

For adding rounded corners globally, I forgot a couple of final steps. After adding the block to your global page under pages & themes>page types (make sure you select the right page type), you have to click on the rounded corners on everything block again while in edit mode and choose "set child pages", then select all to globally assign the rounded corners. This way you don't have to add the corners to every page individually. More instructions I suggest you tell your users.

Hi Stephen,
Those steps you explained are spot on, that's exactly how it's supposed to be used.

Yes, adding a block to a "page type" is covered in C5 doco/videos and on the forums so I didn't specifically cover it. I was assuming most customers had an understanding of that.

But with your feedback in mind, I've modified the listing description in the marketplace to provide an overview of how to use the block.

I'm planning on creating a 'how to use' video in the coming weeks and will update the marketplace listing as soon as that's ready.

Best of luck.

JB