如何修復Joomla網站文字定向障礙/位移？

Question

本網站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*/ 
} 

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 

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