Wordpress 列标题全图答案

【问题标题】：Wordpress column header full imageWordpress 列标题全图
【发布时间】：2017-06-05 19:50:34
【问题描述】：

我想通过 Wordpress 中的一列来实现这一点；

example

带有图像标题和下方一些文本的列。它将用作内容框。

我知道这很容易，但我现在无法弄清楚 = (

请帮帮我

【问题讨论】：

请将您的代码包含在 sn-p 中。
我没有代码，它在 Visual composer 中。我在列中只有一个文本块，现在我想要一个图像标题在它上面。我以前做过，但我现在迷路了。
vc.wpbakery.com/video-academy/… 从第 14 分钟开始。

标签： css wordpress image

【解决方案1】：

你的意思是这样的？

.box {
  max-width: 200px;
  width: 100%;
  border-radius: 10px;
  border: 1px black solid;
  padding: 10px 5px;
}

.box img {
  width: 100%;
}

.box .body {
  margin-top: 5px;
  border-top: 1px solid black;
}

<div class="box">
  <img src="" alt="img" />
  <div class="body">
    <h2>Header</h2>
    <p>Body</p>
    <button>A button</button>
  </div>
</div>

【讨论】：