This bloq lets you create a button link that uses an image.  If you prefer to have a standard text button and or you don't have an image to use for the button, you should use the CSS Button bloq.


The first thing you will see when you add the bloq is a choice between two size options.  You will probably use the default option to "match the dimensions of an uploaded image" because you won't need to crop your image.  However, there may be times when you want to restrict the area that the image uses on the page.  If that's the case, you will set custom dimensions using pixels.


After you choose the size option you want and click "continue", click on the "add button image" button and upload a new image or select one that you've uploaded in the past.  Once you've selected the image, you can add a text layer over it when you click on the "+" link on the left.


If you want to customize the way that the button changes when a mouse hovers over it, you can click on the "hover state" tab and either select from the choices in the drop-down menu or upload your own custom hover image.


Click on the "button action" tab to link to an internal page or somewhere else on Web. If you want the button centered in the column where you placed it, you can do so by clicking on the "ALIGNMENT" tab and then selecting "center" from the drop-down menu at the bottom. Click "save" at the bottom when you are finished.