代码之家  ›  专栏  ›  技术社区  ›  Kourtney Kearney

增加Yikes Easy Form上的图像按钮大小

  •  -1
  • Kourtney Kearney  · 技术社区  · 2 年前

    我的Wordpress页面上有一个嵌入的Yikes Easy Form for Mailchimp( https://indigomarketingagency.com/supercharge-your-financial-advisory-business-with-our-seo-checklist/ )并且选择了图像来代替标准按钮。图像正在显示,但它非常小。我添加了以下自定义css,但图像仍未调整大小:

    .yikes-easy-mc-form .yikes-easy-mc-submit-button-image
    {
      width: 500px!important;
     }

    为了调整按钮图像的大小,我需要对css进行哪些更改?

    2 回复  |  直到 2 年前
        1
  •  0
  •   Gaurav Kispotta    2 年前

    首先,阻止图像调整大小的一件事是 max-width 属性,这个属性是在Yikes Form Button的CSS中定义的。

    .yikes-easy-mc-form .yikes-easy-mc-submit-button-image {
        padding: 0;
        width: 99%;
        min-width: 150px;
        max-width: 243px;
    }
    

    所以,根据我的说法,为了让你调整按钮图像的大小,你可能还需要覆盖 max-width: 243px; 在自定义CSS中,您可以添加另一个 !important 如果需要此房产。

    .yikes-easy-mc-form .yikes-easy-mc-submit-button-image
    {
        width: 500px!important;
        max-width: 1000px;
    }
    
        2
  •  0
  •   FreddyNoNose    2 年前

    看看你复制的链接并检查一下,我发现了这个。更改此元素的宽度应会增加图像大小。

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

    注意:需要注释或删除最小宽度、最大宽度和大小。