skip to Main Content

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


  1. 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;
    }
    
    Login or Signup to reply.
  2. Taking a look at your copied link and inspecting it, I found this. Changing the width of this element should increase the image size.

    .yikes-easy-mc-form .yikes-easy-mc-submit-button-image {
        padding: 0;
        width: 50%;
        /* min-width:140px; */
        /* max-width:200px; */
        /* size: 200px; */
    }
    

    Note: commenting out or removing min-width, max-width, and size is needed.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search