Hugo/Docsy:由于CSS/SCSS不匹配/覆盖，Cookie信息横幅没有按预期显示

Question

我正在开发一个使用雨果静态网站生成器和多西主题的简单网站。该网站包含一个简单的信息Cookie Banner，因此我引用了Cookie同意书Hugo法典中提到的方法将相同的信息添加到我的静态网站中。

理想情况下，我希望横幅像这样可见：

​

​

但目前的情况如下：

​

我已经添加了所有的样式和partials，但它看上去并没有像预期的那样。也许有些样式扰乱了子cookie consent样式，但却找不到相同的样式。有人能告诉我我在这里做错了什么吗？

我已经将完整的代码添加到以下GitHub项目中：https://github.com/Aravinda93/hugo-docsy-learn

我对Hugo和Docsy非常陌生，所以我对文件夹和文件结构感到有点困惑，因此无法弄清楚是哪一种父样式破坏了我的Cookie consent模式。有谁能帮我提些建议吗？

Answer 1

我认为这个问题在这里已经解决了：https://discourse.gohugo.io/t/cookie-banner-is-not-displaying-as-intended-when-using-hugo-with-docsy-theme/40332/7。

这一情况应予以删除：

font-size: s;
transform: translateY(100vh);
color: var(--color-warning);
background-color: var(--color-warning-bg);
width: 100%;

应增加以下内容：

background: white;
border-color: white;
margin-left: -15px;
width: calc(100% + 30px);