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

Question

我在WordPress网站上使用Twenty Fourteen主题。在one of the pages我想在内容区域的左侧添加图像（菜单侧边栏位于其左侧），以便文本环绕图像。

我添加了两张图片（如果您查看页面，则靠近第三和第四个H4标签）并且由于主题的-168px边距，两张图片都被强制在左侧边栏后面 - 左侧设置图像的父图元素。

在页面上，如果您使用Element Inspector / FireBug / what，您将看到嵌套在代码中的图元素中的图像，并且它在侧边栏后面的左侧。在规则查看器中，它在类margin-left: -168px

上显示".full-width .site-content .wp-caption.alignleft"

我将自己的类添加到图像中以尝试使用margin-right: 168px来抵消边距，但它没有效果，可能是因为-168左边距设置是在一个元素上图像的父母。

我不想选择所有数字元素来抵消-168px - 我可能想要其他数字 - 我不知道。 WP为每个图片添加了一个ID，但我不想选择每个图像ID（除非这是唯一的方法），那么我该如何处理呢？

感谢任何人的帮助。

Answer 1

从.alignleft的html中删除figure课程。

这将删除保证金。

要让文字在图中流动，您需要为其赋予float: left属性并添加一些左右边距以使其看起来更好。

图中的html（您的图片）应为：

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

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

一本适合你的书：

HTML＆amp; CSS：设计和构建网站 作者：Jon Duckett

我第一次启动CSS时使用的。它有你最需要的一段时间，非常适合初学者......

Answer 2

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