2014-09-24 46 views
0

本网站localhotchat.com有文字流出红色栏。我试图调整它,但似乎并没有消失。如何修复Joomla网站文字定向障碍/位移?

主页(和内部)上的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*/ 
} 

回答

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> 

:)

0

找到这个类在你template.css:

.steps_blurb01, .steps_blurb01td 

位于根/模板/ 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。

+0

感谢@BradM我第一次尝试你的解决方案,但它在某种程度上移动文本和red_banner在一起。我尝试了几种不同的组合,但并没有真正做到这一点。我感谢你的帮助和努力的人:)感谢很多:) :) – yuvi707 2014-09-25 08:22:08