html - 在 Drupal 中修改 colors.css?

标签 html css drupal-7

听从了

https://www.drupal.org/node/1117972

我已将 colors.css 更改为底部的代码。更改位于样式表的底部。但是,当我保存它时似乎没有任何反应。

Drupal 有某种缓存吗?我已检查我使用的主题是否正确,背景图片是否存在。

/* ---------- Color Module Styles ----------- */

body,
body.overlay {
  color: #3b3b3b;
}
.comment .comment-arrow {
  border-color: #ffffff;
}
#page,
#main-wrapper,
#main-menu-links li a.active,
#main-menu-links li.active-trail a {
  background: #ffffff;
}
.tabs ul.primary li a.active {
  background-color: #ffffff;
}
.tabs ul.primary li.active a {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
#header {
  background-color: #48a9e4;
  background-image: -moz-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: -ms-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: -o-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0779bf), color-stop(1, #48a9e4));
  background-image: -webkit-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: linear-gradient(top, #0779bf 0%, #48a9e4 100%);
}
a {
  color: #0071B3;
}
a:hover,
a:focus {
  color: #018fe2;
}
a:active {
  color: #23aeff;
}
.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}
#page-wrapper,
#footer-wrapper {
  background: #292929;
}
.region-header,
.region-header a,
.region-header li a.active,
#name-and-slogan,
#name-and-slogan a,
#secondary-menu-links li a {
  color: #fffeff;
}

#page, #main-wrapper {
  background: url(../images/bg.png);
}

最佳答案

应该是

background-image: url(../images/bg.png);

还要确保图像在您的 ./themes/yourtheme/images 文件夹中

并且您正在编辑的 colors.css 是 ./themes/yourtheme/css 文件夹中的那个(将“yourtheme”替换为您正在使用的主题)

刷新浏览器缓存应该就足够了。 (Windows 为 ctrl+f5,Mac 为 cmd+r)

关于html - 在 Drupal 中修改 colors.css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25022587/

相关文章:

jQuery 自定义弹出问题

悬停时的 CSS 过渡幻灯片菜单 - 能够固定

php - Drupal 7 xautoload Composer

php - 将 drupal 网站从服务器迁移到本地主机后没有显示图像

html - 属性不工作

javascript - 我想把这个随机函数改为onclick函数

html - 通过单击 CSS 更改悬停下拉菜单?

javascript - 如何在 twitter bootstrap 2.3.2 中为网页设置最小宽度

javascript - CSS - 使卡片盒比实际更大

drupal - 如何为 drupal 7 表单元素设置 ID 属性?