如何修复 Joomla 网站文本迷失方向/位移？

Question

此网站 localhotchat.com 有文字从红色条中流出。我试过调整它，但它似乎并没有消失。

主页（和内部）上的 14pt 文本 sn-ps 应该在 red_colored_strip 内，但它不是，而且有一半在外面流动（文本是白色的，所以你必须选择它来查看它）。我不熟悉 Joomla，也不知道如何解决这个问题。请提供一些建议。

以下是 html 表单上迷失方向文本所在的类所使用的类。

.steps_blurb {
    margin: 0 auto;
    padding: 0;
    color: #ffffff;
    background-image: url('../images/redbox_bg01.jpg'); /*url('../images/redbox_bg02.jpg');*/
    background-repeat: no-repeat;
    background-position: top left;
    width: 845px;
    height: 65px;
    border: none;
}

.steps_blurb01, .steps_blurb01td {
    color: #ffffff;
    font-size: 14pt;
    text-align: center;
    border: none;
  /*margin-top: 40px; Added by yuvi to fix the red_banner issue*/
}

Answer 1

包含红色框的表格行位于下一行的上方..

要修复它，我会创建一个 p 标签，其中包含一个可以拉起文本的类！

<style>
.pullup{
    margin: -85px 0px 0px 0px !important;
    position: absolute;
    padding: 0px;
    width: 93%;
    text-align: center;
}
</style>
<p class="pullup">All text here</p>

:)

Answer 2

在你的 template.css 中找到这个类：

.steps_blurb01, .steps_blurb01td

位于根目录/templates/lhc13/css/template.css

并添加：

margin-top: -20px;

所以整个区块看起来像这样：

.steps_blurb01, .steps_blurb01td {
    color: #ffffff;
    font-size: 14pt;
    text-align: center;
    border: none;
    margin-top: -20px;

}

如果您需要更多或更少的空间，您可以向上或向下调整 -20。