更新改变了我们的通用横幅 - 我不知道该在哪里添加 CSS

在我们网站上,多功能横幅在最近一次更新后变得一团糟。我们无法弄清楚如何为我们的日程表设置样式。非常感谢任何帮助……有人知道在哪里放置 CSS 来让它看起来更好吗?

我在论坛上运行了 Discourse 测试通过的 beta 版和 Versatile Banner,运行效果符合预期(请参阅我用户卡片中的链接)。也许是其他组件或最近的某个更改发生了冲突?您最近是否进行了其他更改或添加了组件?

除非这与最近的这个提交有关?不确定它是否在您的论坛上。在您的管理员仪表板上,它显示 Discourse 最后更新是什么时候?

~~(https://github.com/discourse/discourse/pull/23148)~~

1 个赞

我将退出本次对话……看起来可能有一个 discourse 核心更新改变了一些东西?我们过去添加的用于美化日程表的 CSS 不再起作用了。

1 个赞

也许是那个我链接的提交。表格构建器组件的更新昨晚破坏了我的论坛,就是因为那个尚未应用到我的论坛的提交。你最近更新过该组件吗?它现在可能需要将该提交合并到你的站点才能运行。

1 个赞

这超出了我的能力范围。我不确定那些提交的东西是什么意思……我也不认为我们会手动更新我们网站上的任何内容。我们将其托管在 discourse 上,所以我猜是他们推送更新?

1 个赞

我会快速浏览一下你们的论坛…… :slight_smile:

另外,不用管更新组件了,它已经是最新版本了,我检查过了。

嗯,我该如何注册?我试了注册链接,结果出现了一个全是广告的巨大页面。

不幸的是,根据配置方式,我无法访问查看代码。

1 个赞

要调整 Versatile Banner,您可以从 /admin/customize/themes 页面的组件选项卡中访问其设置和输入框:

您是否有它以前样子的截图,或者可能是在每个 column content 设置中的代码片段?

3 个赞

这是一个付费论坛……所以你必须通过付费墙才能进入……

这是它以前的样子(忽略箭头):

我们使用的代码如下:

<p>
  <span>直播问答时间表 -</span>
  <span>
    <a href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-23-2023-reply-with-your-george-gammon-questions/12481">
      <span>George Gammon: </span>5月23日星期二晚上8点EST</a>
    <a href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-23-2023-reply-with-your-lyn-alden-questions/12446">
      <span>Lyn Alden: </span>5月23日星期二下午4点EST</a>
    <a href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-25-2023-reply-with-your-chris-macintosh-questions/12502">
      <span>Chris MacIntosh: </span>5月25日星期四晚上7点EST</a>
    <a href="https://forum.georgegammon.com/t/upcoming-live-q-a-6-5-2023-reply-with-your-brent-johnson-questions/12444">
      <span>Brent Johnson: </span>6月5日星期一下午7点EST</a>
    <a href="https://forum.georgegammon.com/t/upcoming-live-q-a-6-12-2023-reply-with-your-jason-hartman-questions/12491">
      <span>Jason Hartman: </span>6月12日星期一下午4点EST</a>
    <a href="https://forum.georgegammon.com/t/upcoming-live-happy-hour-6-19-2023-reply-with-your-team-rcp-questions/12383">
      <span>RCP Happy Hour: </span>6月19日星期一下午3:30 EST</a>
    <a href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-29-2023-reply-with-your-patrick-ceresna-questions/12402">
      <span>Patrick Ceresna: </span>5月29日星期一下午1点EST</a>
    <a href="https://forum.georgegammon.com/t/rcp-podcast/6173">
      <span>RCP直播问答播客</span>(仅音频)</a>
  </span>
</p>

在我看来,最近似乎发生了一些更改,并且一些 CSS 代码已被删除。我认为这些 span 标签应该具有属性。您能否发布用于格式化这些标签的 CSS 代码?它可能位于您的某个组件或主题的 common / css 中。

1 个赞

是的,这很有道理。我的开发人员说他更新后找不到 CSS 的位置……我想这就是问题所在……

1 个赞

如果我有原始的 CSS 代码,我可以修复那些标签。如果你们的开发人员想自己处理,他需要用与 CSS 格式代码相对应的正确 span 属性来填充那些标签。

您之前开发的 CSS 样式应放在一个单独的组件中——您是否有类似“Versatile Banner Custom”或“Custom Banner”的组件?

嘿 JammyDodger,我们只有一个多功能横幅……就像这样……

什么是自定义样式?我怀疑可能是这个原因。代码将在 Common/Css 中(会有一个按钮)

1 个赞

That tab looks like this:

If found one style element in there..

那可能不是了。通用选项卡中没有吗?你的想法是对的,我们只需要找到代码所在的组件或主题。

空…该插件中除了上面“桌面”部分的内容外,没有其他任何东西。

header-theme-selector 可能是其中一部分,但我对此表示怀疑。不确定。我真的需要看到所有的正确代码才能判断。

如果你找不到,也许我会做一些即兴的 CSS,看看我是否能匹配你截图中的原始外观。不过我不确定那个红色的标题字体是什么。

编辑:我将根据你提供的内容为你制作一个新的横幅。请稍等片刻。

1 个赞