Adding Padding to QR Codes

You can add padding (i.e., extra space) between a QR code's border and the QR code itself.

How to Add Padding to QR Codes

1. Open the stylesheet you want to modify or create a new one.
2. In the local toolbar, make sure the first button displays . If the button displays instead, then click it.
3. In the upper-left corner of the editor, click in the drop-down field and select .
4. Select the MadCap|qrCode style.
5. From the Show drop-down list on the upper-right side of the editor, select .
6. (Optional) You can use the toggle button in the local toolbar to show properties below in a group view or an alphabetical view .
7. If you are using the group view, expand the Box group.
8. Locate and select the padding property that you want to change. Each side (bottom, left, right, top) has separate properties that you can set (e.g., padding-top). If you plan to have the same settings for all four sides, you can simply use the padding property.
9. The area to the right of the property is used for selecting and entering values. If you know how to enter the information correctly, you can click in the value field and type it directly. Otherwise, click the ellipsis button to the right of the property. Depending on the type of property, the appropriate controls and options display, allowing you to choose or enter values (e.g., select from a drop-down list, click a button, complete fields in a dialog or popup). If you completed values in a popup, click OK at the bottom of the box.
10. Click to save your work.