微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何替换mailchimp CSS嵌入代码中的按钮样式?

如何解决如何替换mailchimp CSS嵌入代码中的按钮样式?

我不知道如何在下面的Mailchimp嵌入CSS中更改按钮样式或位置:

<!-- Begin Mailchimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" 
type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; }
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style 
block.
   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. 
*/
</style>
<div id="mc_embed_signup">
<form action="https://7grainarmy.us2.list-manage.com/subscribe/post? 
u=e6f00f0dccb61295ecf1b51c4&amp;id=ebaa28ce5c" method="post" id="mc-embedded-subscribe-form" 
name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<label for="mce-EMAIL">email address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
    <div class="response" id="mce-error-response" style="display:none"></div>
    <div class="response" id="mce-success-response" style="display:none"></div>
</div>    <!-- real people should not fill this in and expect good things - do not remove 
this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" 
name="b_e6f00f0dccb61295ecf1b51c4_ebaa28ce5c" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Sign up" name="subscribe" id="mc-embedded- 
subscribe" class="button"></div>
</div>
</form>
</div>

- 首先,我想将按钮移到中间,并且我想用可点击的图像替换按钮,因为我有一个要使用的样式化按钮。我怎样才能做到这一点?我在wordpress上使用thee Slider Revolution插件,这是我正在使用的网站:http://laurenb9.sg-host.com/

谢谢!

解决方法

下面添加了自定义css以将按钮居中,并注释了将bg样式添加到何处:

      <header>
    <nav>
        <ul>
            <li>Example</li>
            <li>Example</li>
            <li>Example</li>
            <li>Example</li>
        </ul>
        <div class="absolute-div">

        </div>
    </nav>
</header>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。