Hi Kevin, My appologies - I wrongly said that your forum responses were being wrapped in quotes - what I should have said is that they are being shown as pre-formatted text (code). The screenshot below shows what was happening:
Now to the issue you’re having with image buttons. The problem is if you resize a button without doing anything else, things like the image itself and the position of text will not go along for the ride. The way to handle this is to create one image button on the desktop site. With the button selected, create a custom class for it and then set the parameters for the class as illustrated below.
When you set the button size in the metrics tab, you should set a height and width. You can now set an image for the button and size it according to the button size. Be sure to set the repeat option to no repeat. This should create an image that fits inside your button. Next, go the typography tab and chooses a suitable font and size for the desktop version of the button. You will notice that the button text will not be centred. To correct this problem, switch back to the metrics tab, select the top padding and use the slider control in the padding field to visually centre the text in the button.
Having created the desktop version, switch to the iPad view. If you need to change the dimensions of the button for this view, select the button and click on the class name. Change the dimension of both the button and the image and, if necessary, reduce the font size and adjust the padding to re-centre the text. Finally switch to the mobile view and repeat the process. Your button will now be good for all device sizes.