如何在网站上使用css进行模态化

Question

您好我正在使用Artisteer为我正在处理的joomla应用程序创建我的网站样式，该网站位于http://imsdrive.co.uk

我添加了一个插件，显示用户即将超时的警告消息，请参阅screenshot。

我想要的是修改模态窗口插件附带的标准css，以匹配我的网站，我不知道如何使用CSS（这就是我买艺术家的原因），请帮助。< / p>

这是插件附带的模态弹出窗口的现有css：

.sessionkeepermessage h1,
.sessionkeeperexpired h1 {
text-align:center;
}
.sessionkeepermessage p.message,
.sessionkeeperexpired p.message {
text-align:justify;
}
.sessionkeepermessage button {
width:48%;
margin:0 1%;
float:left;
clear:none;
}

Answer 1

股票弹出设计看起来像jquery灯箱。 嗯，尝试使用Chrome Inspector - 它是第一个。没有它，您将无法创建正常的模态窗口设计。 第二 - 你应该知道一些基本的css标记规则 第三 - 我认为，模态窗口的CSS更改应该粘贴到/templates/imsdrive_public/css/template.css