无法在WordPress主题中设置自定义CSS

Question

我在WordPress网站中使用了二十四岁主题。 在其中一个页面上，我想在内容区域的左侧添加图像（菜单侧栏位于该区域的左侧），以使文本环绕图像。

我添加了两个图像（如果您看一下页面，会在第三个和第四个H4标签附近），并且由于图像的父图上主题的-168px margin-left设置，两个图像都被强制在左侧边栏后面元件。

在页面上，如果使用Element Inspector / FireBug /其他工具，您将在代码中看到嵌套在Figure元素中的图像，并且该图像位于侧边栏的左侧。 在“规则”查看器中，它显示了margin-left: -168px类".full-width .site-content .wp-caption.alignleft"

我在图像中添加了自己的类，以尝试通过使用margin-right: 168px来偏移边距，但这没有效果，大概是因为-168左边距设置位于图像父级的元素上。

我不想选择所有图形元素来抵消-168px的像素-我可能希望其他图形使用该元素-我不知道。 WP向每个图像添加一个ID，但是我不想选择每个图像ID（除非那是唯一的方法），那么我该如何处理呢？

感谢任何人的帮助。

Answer 1

从figure的html中删除.alignleft类。

这将删除边距。

为了使文本在图形周围流动，您需要给它一个float: left的属性float: left并添加一些左右边距，使它看起来更好。

该图的html（您的图片）应显示为：

<figure id="attachment_10" style="width: 88px; float: left; margin: 0 20px 0 10px;" class="wp-caption">

我想说你应该看看css样式表中的样式元素，而不是在html中定义样式。

一本适合您的书是：

HTML和CSS：设计和构建网站Jon Duckett

这是我第一次启动CSS时使用的。 它满足了您一段时间可能最需要的所有内容，并且非常适合初学者...

Answer 2

在摆弄一些CSS并尝试了一些设置之后，我意识到自己已经回答了自己的问题。 我说过图像所在的图形元素的设置为margin-left: -186px; 。 我要做的就是添加自己的CSS： figure { margin-left: 0px; } figure { margin-left: 0px; } 。 为什么我不早一点看到，我不知道...