簡體 English 中英

容器 Div 周圍的 Wordpress 白色邊框

[英]Wordpress White Border Around Container Divs

原文 2021-07-23 17:47:21 3 2 html/ css/ wordpress/ margin

請原諒我沒有個人資料，我是在線開發社區的新手。 我的職業是設計師，但我最近開始學習更多的前端。 我是在 Wordpress 上設計網站的新手，我認為我的問題可以通過代碼解決。

我的包含文本和圖像的彩色容器 div（請參閱網站鏈接）不會一直延伸到網站的整個寬度。 兩邊都有白色邊框。 我如何擺脫那個白色邊框？ 我知道你可以添加 do margin: 0; 但我已經嘗試添加它並查看 wordpress 編輯器的所有差異設置，但我不確定在哪里更改它。

任何幫助將非常感激。 非常感謝。

https://qaisrashahraz.com/macfest/

2 個解決方案

在你開始設置 css 樣式之前，你應該做的第一件事是 css 重置它通常寫在代碼的頂部，即

{填充：0; 保證金：0; 我認為這對你有用，並且在這里瀏覽更多 CSS 重置我只提到了一個用於 css 重置的虛擬代碼。

你好哈吉拉，歡迎。 我訪問了您的網站，看起來問題與<body>標記有關，該標記周圍的邊距為 20 像素。

您可以通過使用瀏覽器的網絡工具檢查網頁來檢查這一點。 我在檢查器中添加了兩個 css 規則，只是為了向您展示如果將左右邊距 = 0 添加到正文標簽（ margin-left=0; margin-right=0 ）會發生什么。

這只是為了向您展示結果。 在 Wordpress 中，您可以很容易地做到這一點，至少有兩種方式：

根據您使用的主題：通常有一個部分，您可以在其中添加自定義 css。 讓我知道你使用的是什么主題，我可以告訴你在哪里做。 在這種情況下，css 將是： body { margin-left: 0px; margin-right: 0px;} body { margin-left: 0px; margin-right: 0px;} 。 如果在某處設置了邊距，您可能需要編寫這種代碼： body { margin-left: 0px !important; margin-right: 0px !important;} body { margin-left: 0px !important; margin-right: 0px !important;} ，雖然使用!important不是一個好習慣，但它有時可以快速解決問題。
如果您使用的是頁面構建器，則可能會有檢查員來定義這些邊距。 （同樣，如果你告訴我你使用的是什么頁面構建器，我可以告訴你怎么做）