如何在WordPress中找到并操作由小部件生成的元素

Question

我经历了大量的文章，试图找到关于WordPress的这个看似基本的问题的某种答案，但无法找到匹配。原谅我，如果这已经过去了。

我是新来的WordPress和我工作的公司使用它来为客户建立它的许多网站。他们使用Yoo主题和UIKit进行造型。最近，我的任务是将简单的颜色块从页面底部（页脚上方）移动到页面顶部（位于页眉/导航栏之前）。我花了三个小时试图找到哪个小部件，它只是迷失在定制面板中隐约描述的小部件栏的迷雾中。我找到了里面有文字的那个，但是在我移动之后，颜色条仍然存在。

我的问题是：是否有一种快速且有希望的方法可以告诉哪个小部件显示特定元素或元素集，然后找到它，并按照上述方式移动它？

我已经使用Chrome的DevTools，它揭示了一个WP网站的嵌套巢，但它只让我到文本的“顶部A”小部件，而不是绿色栏区域。这是超简单的直HTML/CSS，但我有点失落与WordPress。

任何帮助将不胜感激。

Answer 1

如果您在浏览器中按F12（或右键单击 - 检查元素），您可以轻松地看到元素具有的CSS类。然后你只需要在你的css样式表中添加css样式到找到的元素。