如何自定義/樣式woocommerce帳戶頁面

Question

如您所見： https : //wildlatina.com/my-account/

白色的主體不在頁面內，並且登錄表單沒有邊距填充？ 我是怎么做的呢？ 在使用CSS進行編輯時，我是一個初學者，所以請放輕松。 只是希望帳戶頁面看起來不錯。

Answer 1

您好，請登錄到您的cpanel或ftp，然后打開您的主題style.css

在下面找到css規則

.full-width-content .container.grid-container {
  max-width: 100%;
}

並評論這樣的規則

.full-width-content .container.grid-container {
  /*max-width: 100%;*/
}

它看起來像這樣

Answer 2

您已經使用了Wordpress主題GeneratePress。 在這個主題，如果你有類container和grid-container的元素，該元素的寬度為從復位到1080px auto -這，你的情況，意味着它填充頁面的寬度。 因此，您ID為“ page”的DIV從1080px更改為頁面的寬度。

您應該從此DIV中刪除container類。 然后，您可能必須重新添加一些樣式才能獲得所需的最終效果。

Answer 3

您好，您可以使用一些插件來設置樣式，例如，插件>新插件中提供的插件，您可以使用此插件https://wordpress.org/plugins/woocommerce-login-and-registration/

如果您無法設置樣式，請發布錯誤消息，您會很整潔，並且很可能可以使用Wordpress登錄進行Woo-commerce，但是如果您真的有興趣僅使用它，則可以從CSS對其進行自定義，或者可以使用可以通過插件完成相同但不需要編碼的知識，因為所有內容都以圖形方式完成，並且無論編碼部分將由插件自己處理，因此最大限度地使用插件，因此可以更好地進行開發

Answer 4

1）您可以將此CSS添加到主題或子主題style.css中

.hfeed.site.grid-container.container.grid-parent{
width: 80%;
}

2）您可以在此處刪除容器類：

<div id="page" class="hfeed site grid-container container grid-parent">

我的建議是第二個選擇是正確的