我在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（除非那是唯一的方法），那么我该如何处理呢？

感谢任何人的帮助。

注意图像的局部视图

===============>>#1 票数：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时使用的。 它满足了您一段时间可能最需要的所有内容，并且非常适合初学者...

===============>>#2 票数：0 已采纳

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

  ask by marky translate from so

未解决问题？本站智能推荐：

1回复

我的WordPress自定义主题没有CSS样式

我正在学习如何从头开始制作WordPress主题，并且现在正面临一个严重问题。 问题是我添加的CSS样式不适用于主题的菜单导航。 这是index.php文件： 这是header.php文件： 如您所见，我将CSS类site-nav添加到了 标签，然后将其编码为CSS样
1回复

我是否要创建自定义主题或修改创世纪子主题中的CSS？

我刚开始使用Wordpress，建议使用儿童主题，因此我购买了Magazine Pro主题。 这样的布局可以满足我的需求，但是我发现有些填充太密集了，尤其是当我在顶部放置排行榜横幅时，我的博客标题文字会自动换行。 我想减少标题文字并减少填充。 我知道该怎么做，我在前端开发人员方面有丰富
3回复

如何在自定义Wordpress主题中调整一个特定图像的大小？

请注意，我是wordpress的新手，如果我提出的问题很糟糕或者遗漏了细节，我会提前道歉。 我将跟进您作为回答者所需的任何事情。 问题：我的图像溢出了div，容器等？ （我也是CSS新手）。 这是图像： 我希望它适合图像。 另请注意，当鼠标悬停在图像上时，图像会显示另一个图
1回复

Wordpress自定义CSS无法在iOS上加载

我试图自定义子主题的CSS。 如果我修改子主题的style.css ，它将在iOS设备上被注释掉。 然后，我尝试加入一个新的样式表，结果是该样式表根本没有出现在head （始终在iOS上，桌面版本就像一个超级按钮一样工作）。 这是我加入样式表的代码： 任何想法？
1回复

WordPress自定义动画CSS

我的自定义CSS文件“ animation.css”没有为wordpress主题中的元素设置动画。 使用firebug进行检查时，我注意到到animation.css的链接以及我所有的样式，但是类型是type =“ text / javascript”而不是“ text / css”。 这是
1回复

WordPress主题自定义疗愈主题

我从WordPress下载了一个主题，并为此创建了一个子主题。 现在我有了style.css。 我的要求是根据需要自定义此内容。 我在这方面面临问题。 自定义主题的最佳方法是什么。 例如，默认情况下，“存档”和“类别”链接显示在我的页面中。 我要删除它。 我也想改变页面的布
1回复

使用在Wordpress中随主题下载的自定义rtl.css样式

我已经下载了Wordpress主题，并且它的文件中有rtl.css文件，我该如何激活它？我无法在标题中找到<link ....../>或任何可用的清除选项或工具来使用它。使用这个rtl.css文件？
1回复

将具有专用CSS样式的自定义HTML添加到Wordpress上的现有主题

我创建了一些自定义代码，因为我的朋友们希望在他们的主页上有一个很酷的悬浮效果。 由于我是新手，因此我为能从头开始创建基于Flexbox的容器感到非常自豪（在YouTube教程的帮助下，确实可以提供）。 现在，我正在努力将其集成到主题的现有块结构中。 我正在运行neve作为主题，并想用我的自定义HTM
1回复

从复制器数据库备份还原Wordpress主题自定义CSS

我不小心覆盖了主题选项中的自定义CSS。 经过一些研究，我发现自定义CSS存储在数据库中。 我有一个来自复制器插件的数据库备份，但是备份的代码看起来与phpmyadmin中的代码不同。 来自phpMyAdmin的当前数据库： 复制器插件备份数据库： 如您所见，备
2回复

如何在主题中添加自定义字体？

现在，我想使用Monotype Corsiva。 我在主题中添加了字体，然后使用font-family:Monotype Corsiva在css文件中添加了字体，但是有人提示我：用于网站标题和标题的字体如果未安装在用户系统上则无法使用。 您应该从主题目录中删除字体文件，或者以适当的方式将其包