在WP站点中为小部件和小部件区域添加或调整CSS

Question

我希望我能正确解释这一点。我有主页。它有4个小部件区域。每个小部件区域都有一些内容（您将在我所包含的屏幕截图中看到）。三个小部件只是发送疯狂的CSS文本，并在标题周围有一个标题框（包括文本）。第四个小部件无关紧要，因为它只是一个图像。

一个小部件的标题有一个框，半径，背景颜色，左/右对齐小部件内的其他信息。另外两个小部件 - 标题左右不对齐100％w /整个小部件区域。

查看图片，因为它更有意义。

这是指向图片的直接链接：http://postimage.org/image/ofdqc1sa7/

wdiget部分“新客户” - 看看它是左/右对齐的。它延伸整个盒子的整个宽度。现在看看“现有”和“为什么” - 它是如何不是一直向左和向右延伸的。我怎样才能让它一直延伸到最后？我已经多次改变这个/改变它。 Firefox中的我的Firebug是火，但我似乎无法获得正确的CSS代码来实现这一点。让我发疯了。

感谢任何帮助。提前感谢您的回复......

Answer 1

最初我会说可能存在填充问题。是否有一个实时链接，我可以进一步解决问题？

Answer 2

更改此风格

.cl-content {
    margin: 8px;
}

到此

.cl-content {
    margin: 0px;
}

但是，这会导致列的某些对齐问题。但是，那个班级正是造成你问题的原因。

[编辑]

如果您将＃text-17和＃text-18宽度更改为670px，则应解决您的问题。

我也会将#LoginWithAjax更改为#LoginWithAjax {padding：5px; }