2016-11-06 129 views
1

大家好,感謝您的幫助。調整尺寸的woocommerce圖片尺寸,但產品包裝盒仍然太大

背景:我是一名非程序員。

過去的問題:我的wordpress網站主題未針對woocommerce進行優化。因此,產品的圖像尺寸正在擴大和模糊。所以我在這裏搜索,並建議改變.woocommerce div.product div.images img {display:block; width:48%; height:auto; box-shadow:none} to .woocommerce div.product div.images img {display:塊;寬度:自動;高度:自動;箱子陰影:無}

現在我的產品尺寸出來罰款。然而,我仍然面臨以下問題

當前問題:當試圖插入產品內嵌在後,產品框是自動擴展和變得太大。

見例如產品頁面(這是罰款)的here 在頁面中插入上述產品時,請參閱例子壞箱設計here (您需要滾動一點,該產品已通過短碼被插入並出現標題之後:今天預定翻譯今天@ 125 $ /天或全部3天@ 360美元!!趕在我們用完的翻譯員用完之前。)

請幫幫我!

回答

0

哦,我看到: 你有這個問題的前課。解決這個問題:

pre { 
display: block; //to inline or inline-block 
padding: 5px 10px; 
margin: 1.07142857em 0; 
word-break: break-all; 
word-wrap: break-word; 
white-space: normal; //this is what made the problem 
color: #d14; 
background-color: #f7f7f9; 
border: 1px solid #e1e1e8; 
} 

我認爲,當你使用的簡碼怎麼把它認爲這是一個代碼,WordPress的自動添加「前」 taglike代碼。嘗試將短代碼添加到「文本」編輯器,而不進行任何包裝。如果不只是改變我寫的CSS樣式

+0

嗨菲利克斯..正如我上面寫的,我的產品圖像出來很好。當我嘗試在我的文章中嵌入產品時,產品BOX尺寸太大。我想改變盒子的大小。 –

+0

檢查我的編輯解決方案 – felix91

+0

非常感謝你菲利克斯!事實上,你是對的。當我切換到文本編輯器並添加短代碼時,它就做到了。確實有一些預標記正在進行。萬分感謝。真的很感謝。 –