How can I make the image in the button bigger?

Hi,

I have a problem. I want to make the image of my button bigger but I don’t know how to do it. Could you recommend me what to do?
I want it to be as big that it aligns with the text below. I send you the page of my website where I have it so you can see how it looks at the moment.

And this is how I want it to look like:

Best regards, Marina.

Hi Marina,

Thank you for writing in, please turn off the Retina display on your image and set the button paddings to 0



Please keep in mind that your images are portrait oriented so it will have more height than your example image (landscape).

Cheers!

Hi Friedrich,

Thank you so much for your help.

Could you let me know how could I make them in that case smaller, now they are aligned but they are also way to big. I would like them to be aligned but with the previous size.

Best regards,
Marina.

Hey Marina,

When I checked your page and I see the image is still small.

Do you want the image to align with the text like in the screenshot below?

If so, set the right margin of the Button element the same as the Text element. The Text element has a right margin as you highlighted in orange in the browser’s dev tool.

After you’ve set the Button’s Right Margin, follow what Friech suggested which is to turn off the Retina mode. The edges of the image should be aligned with the text after that.

Hope that helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.