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

Question

我經歷了大量的文章，試圖找到關於WordPress的這個看似基本的問題的某種答案，但無法找到匹配。原諒我，如果這已經過去了。

我是新來的WordPress和我工作的公司使用它來爲客戶建立它的許多網站。他們使用Yoo主題和UIKit進行造型。最近，我的任務是將簡單的顏色塊從頁面底部（頁腳上方）移動到頁面頂部（位於頁眉/導航欄之前）。我花了三個小時試圖找到哪個小部件，它只是迷失在定製面板中隱約描述的小部件欄的迷霧中。我找到了裏面有文字的那個，但是在我移動之後，顏色條仍然存在。

我的問題是：是否有一種快速且有希望的方法可以告訴哪個小部件顯示特定元素或元素集，然後找到它，並按照上述方式移動它？

我已經使用Chrome的DevTools，它揭示了一個WP網站的嵌套巢，但它只讓我到文本的「頂部A」小部件，而不是綠色欄區域。這是超簡單的直HTML/CSS，但我有點失落與WordPress。

任何幫助將不勝感激。

Answer 1

如果您在瀏覽器中按F12（或右鍵單擊 - 檢查元素），您可以輕鬆地看到元素具有的CSS類。然後你只需要在你的css樣式表中添加css樣式到找到的元素。