头像 - 作者框 - 未对齐的CSS

时间:2013-03-14 11:30:18

标签: css

在帖子后向下滚动到可以看到作者的红色边框头像:http://designportugal.net/transformar-leads-em-vendas/

头像图片未对齐。它在文本下面。我想与它对齐。

这是我尝试过的:

.img-frame.left,
#container .img-frame.left {
float: left !important;
margin: -55px 20px 5px 0;
}
目前

-55px 设置为5px。如果我将其更改为-55px,则帖子开头的图像会被搞砸,因此我无法触摸此选择器。

我也试过这个:

.img-frame .alignright,
.img-frame .alignleft,
.img-frame .alignnone,
.img-frame .aligncenter {
margin: 0px 0px 0px 20px;

上面的保证金先前设定为90px。将Chrome检查器上的更改为0px看起来就像修复了它,但是如果在我的CSS文件上更改它也不起作用。

我没有想法。请注意,这是一个wordpress安装。

3 个答案:

答案 0 :(得分:0)

试试这个:

img.alignleft.avatar.avatar-80.photo{
  margin: 0px 0px 0px 20px;
 }

答案 1 :(得分:0)

似乎正在删除:

.img-frame .alignleft

从:

.img-frame .alignright, .img-frame .alignleft, .img-frame .alignnone, .img-frame .aligncenter {
margin: 90px 0px 0px 20px;
}

通过简单的Chrome检查工作。

或者只是设置:

.img-frame .alignleft {
    margin:0;
}

答案 2 :(得分:0)

这最终已经解决了。 CSS没有更新,但最终确实 - 并且它不是缓存问题,他只是没有更新代码差异。多么奇怪的主题。