Question

我有这个网站，我在Wordpress中使用Meta Slider。我想移动图像下方的标题，而不是它们。 Meta Slider说这只是专业版的功能，但你不能通过使用CSS来移动字幕来实现这一目标吗？我尝试使用margin-top但它没有用。只是好奇是否有一个简单的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;
}

提前谢谢！

Answer 1

添加以下代码：

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

Answer 2

截至2016年5月...... 使用像Filezilla这样的ftp程序和你选择的代码编辑器，比如Bluefish -or-cPanel文件管理器 - 编辑;

sftp到您的网站并在此处导航： public_html / （wordpress /？或WP在哪里:) / wp-content / plugins / ml-slider / assets / metaslider / ...下载，编辑和上传： public.css

注释第20行，将这些/ * ... * /添加到 位置：绝对;
像这样：

return this._http.get('http:////localhost:2311/api/MyListApi', {
        credentials: RequestCredentialsOpts.Include
    }).map((response) => {
            return response.json();
        });
    }

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

 /*   position: absolute;   */

这是您需要进行的唯一更改，并且不会破坏响应式设计。

重新加载页面。

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

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

（... /可湿性粉剂管理员/ admin.php的？页= metaslider）

在Meta Slider中移动图像下方的标题

2 个答案: