我在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文件中添加了字体,但是有人提示我:用于网站标题和标题的字体如果未安装在用户系统上则无法使用。 您应该从主题目录中删除字体文件,或者以适当的方式将其包