I have an embedded Yikes Easy Form for Mailchimp on my WordPress page (https://indigomarketingagency.com/supercharge-your-financial-advisory-business-with-our-seo-checklist/) and have opted for an image in place of a standard button. The image is being displayed, but it is super small. I’ve added the following custom css, but the image is still not resizing:
.yikes-easy-mc-form .yikes-easy-mc-submit-button-image
{
width: 500px!important;
}
What changes to the css do I need to make in order for the button image to be resized?
2
Answers
First of all the one thing that is blocking the image from being resized is
max-width
property and this property is something that is defined in the CSS of Yikes Form Button.So, according to me in order for you to resize the button image you may also need to override the
max-width: 243px;
in your custom CSS you may add another!important
if required for this property.Taking a look at your copied link and inspecting it, I found this. Changing the width of this element should increase the image size.
Note: commenting out or removing min-width, max-width, and size is needed.