Css 在元滑块中移动图像下方的标题

我有一个网站，我正在Wordpress中使用Meta Slider。我想把字幕移到图片下面，而不是上面。Meta Slider说这只是Pro的一个功能，但是你不能通过使用CSS移动标题来实现吗？我试着用margintop，但没用。只是好奇是否有一个简单的CSS修复这个问题

http://66.147.242.87/~briantur/sound/

这个CSS：

.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
    margin-top: 100px;
    width: 100%;
    height: 100%;
    left: auto;
}

---

提前谢谢你

添加以下代码：

metaslider .caption 
{
    position: absolute;
    top: -100px;
}

截至2016年5月。。。 使用ftp程序（如Filezilla）和您选择的代码编辑器（如Bluefish-or-cPanel File Manager-Edit）

sftp到您的网站并在此处导航： 公共\u html/（wordpress/？或WP所在的任何地方：）/WP内容/插件/ml滑块/资产/元滑块/。。。下载、编辑和上传：public.css

通过添加这些/*…*/注释掉第20行至位置：绝对位置
像这样：

 /*   position: absolute;   */

以下是注释掉第20行的整个部分：

.metaslider .caption-wrap {
 /*   position: absolute;   */
    bottom: 0;
    left: 0;
    background: black;
    color: white;
    opacity: 0.7;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;
}

这是您需要进行的唯一更改，它不会破坏响应性设计

重新加载页面

您可能需要清除浏览器的缓存以查看更改

您可能还需要将图像高度设置为大于Meta Slider gui中图像的高度

---

（…/wp admin/admin.php？page=metaslider）

当我意识到你想隐藏这些标题时，是吗？嗨，瓦希德，我只是想把它们移到图像下面，而不是隐藏它们。嗨，瓦希德，现在注释在下面，但在一个被切断的div中（你可以在这里看到，底部的黑色细条：）。我是否需要在编辑器中重新编写插件，使该div位于images div之下？非常感谢。不@leahdesigns只需从css代码中删除此代码：。metaslider.caption{padding:5px 10px；}如果您的问题已解决，请选择正确答案！谢谢嗨，瓦希德，我把它改成了“top:20px”，它成功了，谢谢！通过JavaScript，您可以做到这一点。