prettyPhoto 產品 slider - 如何使圖像居中

Question

我正在嘗試建立一個 WooCommerce 站點（ https://storetest.rigwald.com/?cmp_bypass=test ），它使用基於 prettyPhoto 的產品 slider。 問題是圖像不在 slider 的中間居中，它們顯示在 slider 畫布/窗口的左側幻燈片中。 有沒有辦法強制圖像在 slider 中居中？ 主題創建者似乎對自己的產品沒有概念，只是告訴我將 slider 中顯示的任何產品的圖像尺寸更改為 800x512，即使產品照片應該是 600x600 或 800x800。 他們只是想讓我填滿 slider“畫布”，所以偏離中心的圖像並不明顯。

我不是編碼員。 我可以在 Woocommerce/Wordpress 中瀏覽 Chrome 開發人員工具和主題編輯器，這就是我發現 slider 正在使用 prettyPhoto 的方式。

感謝您對此的幫助！

Answer 1

查看您的主題，您似乎只需要一些 css 來解決問題。

我創建了一個插入一些內聯樣式的操作，應該有助於解決該問題。

add_action('wp_head', 'bt_custom_inline_style');
function bt_custom_inline_style () {
?>
<style>
    .big-slider .home-slider li {
        display: flex;
        justify-content: center;
    }
</style>
<?php
}

您可以將此代碼復制粘貼到您的函數中。php 文件