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?
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.
.yikes-easy-mc-form .yikes-easy-mc-submit-button-image {
padding: 0;
width: 99%;
min-width: 150px;
max-width: 243px;
}
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.
.yikes-easy-mc-form .yikes-easy-mc-submit-button-image
{
width: 500px!important;
max-width: 1000px;
}