如何將div class應用於我在woocommerce的cutom.css中編寫的css

-2

我想將它應用於woocomerce網站的產品圖片的div標籤。如何將div class應用於我在woocommerce的cutom.css中編寫的css

我認爲它應用使用php（來自woocomerce插件），但我是新的，所以不知道。

///in css 


.panel .panel-overlay, .panel .overlay-background{height: 60px; padding:10px;} 
.panel .overlay-background{background: #222;} 
.panel .panel-overlay{color: white; font-size: 0.7em;} 




//want to add this to div 


<li><img src="" alt="" /> 
      <div class="panel-overlay"> 
       <h2>Image Title goes here</h2> 
       <p>information about the image.<br /> 

      </div> 
</li>

誰能告訴我

來源

2015-10-24 Shagayag

您可以將woocommerce模板複製到您的主題文件夾並在其中編輯模板。檢查[本教程]（http://uploadwp.com/overriding-woocommerce-template-files/） –

您是否可以包含迄今爲止編寫的代碼和相關配置？ – kdbanman

@AkashK。我怎麼知道哪個php是moddified？ – Shagayag

向你至少應該知道

WordPress的模板結構的基礎插件更改模板
WordPress的主題編輯/開發

要編輯您的Woocommerce商店的模板，請按照以下步驟操作：

找出您想要編輯的模板。（wp-content/plugins/woocommerce/templates）

您的情況：檢測到它的單品頁（single-product.php）或存檔產品頁面或店鋪頁面（archive-product.php）作爲產品形象是否通常在這些網頁上。這些模板文件中包含一些嵌套模板。檢查您要編輯的部分是否不在某個嵌套模板中。如果它打開嵌套的模板文件並查看要進行修改的位置。

一旦找到想要進行更改的模板，將模板從wp-content/plugins/woocommerce/templates複製到wp-content/themes/your-theme/woocommerce。如果該模板位於woocommmerce插件中的任何其他文件夾內，也要創建該文件夾。你必須保持目錄結構相同。
對您複製到woocommerce文件夾內的主題的模板進行更改。

此模板將覆蓋默認的woocommerce模板。

注意：如果您正在使用任何woocommerce啓用的主題。該模板必須已經存在於您的主題文件夾中。在編輯該主題中的模板之前進行主題的備份。

來源

2015-10-24 10:03:01

@Shagayag - 它仍然在2.4.7版本中使用 –

對不起，但我不能看到任何DIV標籤:(如圖所示的問題，我想設置一個透明PNG jpeg image的前面 – Shagayag

@Shagayag - 你甚至檢查過模板嗎？嘗試自己做一些努力。代碼顯然來自'single-product/product-image.php' –

如何將div class應用於我在woocommerce的cutom.css中編寫的css

回答

相關問題