Question

我试图在wordpress中使用重力webforms覆盖样式！正在使用！important

我试图覆盖的代码是<label class="gfield_label" for="input_1_20">Street Name<span class="gfield_required">*</span></label>

该部分的CSS是;

.gfield_label {
  margin: 10px 0 20px 0 !important;
  font-weight: bold;
  color: #000;
  display: inline-block;
  line-height: 1.2em;
  clear: both;
}

我很乐意用class =＆＃34; gfield_label＆＃34;

覆盖所有内容

我尝试了以下但没有成功;

一个

jQuery('gfield_label').attr('style', 'margin: 15px 0 5px 0 !important;');

2

( '.gfield_label' ).each(function () {
    this.style.setProperty( 'margin', '15px', '0', '5px', '0', '!important' );
});

3

jQuery( ".gfield_label" ).css( "cssText", "margin: 15px 0 5px 0 !important;" );

4

label[for=input_1_20] .gfield_label {
    margin: 15px 0 5px 0 !important;
    }

我已经在网站上测试了jQuery并且它正在运行。

自定义CSS和jQ正在页面底部加载，在css文件重力表单的链接使用之后。

任何帮助都非常感谢！

Answer 1

转到插件的设置并切换＆＃34;输出css＆＃34;到＆＃34;否＆＃34;。

这些家伙必须学会如何打造时尚。他们所有的重要事情让我很头疼

Answer 2

您可以通过在footer.php中<?php wp_footer(); ?>之后放置以下代码，轻松地使用css覆盖这些内容。

<style>
label[for=input_1_20] .gfield_label {
    margin: 15px 0 5px 0 !important;
}
</style>

使用js / jQuery / css覆盖！重力形式重要吗？

2 个答案: