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

时间:2014-09-24 14:45:15

标签: css joomla joomla2.5 joomla3.0

本网站localhotchat.com的文字流出红色栏。我试过调整它,但它似乎没有消失。

主页(和内部)上的14pt文本片段应该位于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*/
}

2 个答案:

答案 0 :(得分:0)

在template.css中找到这个类:

.steps_blurb01, .steps_blurb01td

位于root / 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。

答案 1 :(得分:0)

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

要修复它,我会创建一个带有类的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>

:)