小编Emi*_*iff的帖子

Fix Contact Form 7 Fields on Mobile

I am using Contact Form 7 for a form in a right column on this page http://ernielovespizza.com/get-in-touch/

It looks fine on desktop/tablet but on mobile the "NAME" and "EMAIL" fields extend past the screen on the right but the "MESSAGE" field is fine.

Does anyone know why this happens and what a fix could be?

This is my form code:

<label> Your Name (required)
    [text* your-name] </label>

<label> Your Email (required)
    [email* your-email] </label>

<label> Your Message
    [textarea your-message] </label> …
Run Code Online (Sandbox Code Playgroud)

css wordpress css3 contact-form-7

2
推荐指数
1
解决办法
2365
查看次数

jQuery 淡入/淡出文本,然后淡入新文本

这是我第一次使用 jQuery,我正在为它参加在线课程,但从未在网站上使用过它。

我的目标是在主页上先让“你好”出现 2 秒,然后淡出并让“你的数字伙伴”淡入并永久停留。

我一直在这里尝试一些相关难题的想法,并且越来越接近。但我的结构似乎是错误的,因为:1) 两件事一开始都出现,然后“你好”开始消失,然后“你的伴侣被撞了”——我希望“你好”快速出现然后消失2)我希望“你的数字伙伴”一旦出现就永远不会消失

    jQuery(document).ready(function(){
        $(".hellothere").fadeOut(4500,function(){
            $(".partner").fadeIn(10000, function(){
                $(".partner").fadeOut(4500);
            });
        });
    });
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1 class="hellothere"><span class="font-168856 font-444086" style="font-size: 65px; text-transform: uppercase;">Hello there.</span></h1>
    <h1 class="partner"><span class="font-168856 font-444086" style="font-size: 65px; text-transform: uppercase;">Your partner in digital.</span></h1>
Run Code Online (Sandbox Code Playgroud)

当我删除它时:

function(){
                $(".partner").fadeOut(4500);
Run Code Online (Sandbox Code Playgroud)

它打破了整个事情(试图让它停止消失)。

这里有什么提示吗?非常感谢。

html javascript css jquery

0
推荐指数
1
解决办法
3159
查看次数

连续3张图像居中

我正在尝试使三个图像连续居中,然后在页面上居中。我已经将它们排成一排,但我无法使它们居中。关于让我的团队走到中间的任何建议?我在包含类和社交类上尝试了0自动。很近!!

我的HTML:首先是div class = contain来包装整个内容,但是由于某种原因,如果我尝试在HTML中包含类contains,它会在Stack Overflow上消失,所以请原谅。

.contain {
  max-width: 960px;
  text-align: center;
}

.social {
  position: relative;
  display: inline-block;
  float: left;
  padding: 10px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="contain">
  <div align="center;" class="social">
    <img src="http://theinvicto.com/wp-
content/uploads/2017/12/facebook.png" alt="" width="75" height="75" />
  </div>
  <div align="center;" class="social">
    <img src="http://theinvicto.com/wp-content/uploads/2017/12/twitter.png" alt="" width="75" height="75" />
  </div>
  <div align="center;" class="social">
    <img src="http://theinvicto.com/wp-
content/uploads/2017/12/instagram.png" alt="" width="75" height="75" />
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css inline image

0
推荐指数
1
解决办法
762
查看次数

标签 统计

css ×3

html ×2

contact-form-7 ×1

css3 ×1

image ×1

inline ×1

javascript ×1

jquery ×1

wordpress ×1