Я использую пример кода Shadowbox.js , чтобы показать shadowbox с сообщением "Этот сайт все еще в разработке!" при загрузке страницы:
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
// let's skip the automatic setup because we don't have any
// properly configured link elements on the page
skipSetup: true
});
window.onload = function() {
// open a welcome message as soon as the window loads
Shadowbox.open({
content: '<div id="welcome-msg">This site is still under construction!</div>',
player: "html",
title: "Welcome",
height: 350,
width: 350
});
};
</script>
Проблема в том, что "Этот сайт все еще находится в разработке!" текст отображается черным шрифтом на черном фоне.
Я предполагаю, что мне нужно возиться с моим CSS, поэтому я добавил:
div.welcome-msg{font-size:12px;padding:10px;text-align:center;color:white;}
до ./shadowbox/shadowbox.css, но это не решило проблему.
Может кто-нибудь сказать мне, что я должен сделать, чтобы изменить цвет шрифта "Этот сайт все еще находится в разработке!" текст в белый?
Заранее спасибо