如何将图像小部件置于我的WordPress网站的页脚中心？

Question

我使用的是Kale Wordpress主题，在页脚中，我使用了一个图像小部件作为我的徽标。我正在尝试使用自定义下的附加CSS面板来居中此图像。我相信我的居中代码是正确的，我只是在识别正确的Selector或类时让CSS知道我想要集中注意力。

我尝试在Chrome中使用Inspect Element来查找它所说的图像的类名但无济于事。

.image wp-image-14  attachment-medium size-medium .footer-row-3-widget widget widget_media_image {
  display: block;
margin: 0 auto;  }

如果它有助于我的网站revoltmedia.org，我试图将徽标置于底部。我认为我用于居中图像的代码很好，我只是在弄清楚图像的类/选择器的名称是什么，所以我实际上可以调用它，并使图像居中。

提前致谢！

Answer 1

使用Chrome的开发工具（inspect）查看HTML我可以看到footer似乎有id这个小部件（#media_image-3）所以可以成为您使用text-align: center;

的选择器

现在，如果您只想专门定位此图片（而不是其他图片），您可以使用更具体的选择器，例如#media_image-3 > img.image，然后您可以使用您已有的属性，例如

#media_image-3 > img.image {
    display: block; 
    margin: 0 auto;
}

Answer 2

试试这个：

.footer-row-3-widget widget widget_media_image {
  text-align: center;
}