2012-10-21 41 views
2

由於woocommerce頁面寬度太寬,我有一個側欄顯示不正確。我一直在試圖找出如何改變它的寬度,所以我可以在側邊欄中放置幾天,但無法弄清楚,主要是因爲我不確定要查看哪個文件。更改woocommerce的寬度頁面

這是什麼樣子

enter image description here

我走過一噸woocommerce代碼的看了,但其中寬度設置爲自己的網頁..任何幫助將非常感激

+0

在CSS中最有可能集,但是從你的截圖它看起來像圖像寬度可能什麼推過來。 – doublesharp

+0

檢查瞭解更多信息http://css-tricks.com/forums/discussion/15253/woocommerce/p1 – doublesharp

+0

謝謝,我已經看到了該鏈接,並試圖使用它,但我無法找到尺寸是在哪裏甚至爲woocommerce設置...所以我不認爲也許我應該禁用這個頁面的側欄..但不知道如何做到這一點。 – HurkNburkS

回答

2

只是想不通嘗試安裝Firefox的Firebug。這樣,您可以右鍵單擊模板的區域並選擇「使用Firebug檢查元素」。

您可以使用CSS進行遊戲,並在右側它還會告訴您什麼CSS文件和行,以便您可以修改模板。

從內存中,一些woocommerce主題在主題中的子目錄中聲明瞭CSS。但螢火蟲應該指出你的文件的位置。

希望這有助於;)

0

主題佈局控制頁面和邊欄寬度。 Woocommerce控制產品所顯示圖像的大小。 這可能有一部分。嘗試將圖像設置得小一些,直到配置完側邊欄,然後將圖像貼到它們上面。

0

複製你的主題的page.php文件,並命名它woocommerce.php
這個文件應該是這樣的:wp-content/themes/YOURTHEME/woocommerce.php。

在文本編輯器打開你的woocommerce.php和 更換循環

接下來你需要找到循環(見The_Loop)。循環通常開始有:

<?php if (have_posts()) : 

,通常結尾:

<?php endif; ?> 

這個主題之間變化。一旦找到它,刪除它。在它的地方放:

<?php woocommerce_content(); ?>