Wordpress Question posted in
The official Wordpress documentation can be found here.

WordPress – Increase Image Button Size on Yikes Easy Form

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?

Tags:

2

Answers


  1. 0

    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. 0

    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