--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: Jak ve WooCommerce pokladně opravit fialovou barvu pozadí url: https://www.wplama.cz/jak-ve-woocommerce-pokladne-opravit-fialovou-barvu-pozadi/ date: 2025-02-14 modified: 2025-02-14 author: Tomáš Cirkl type: post categories: [WooCommerce] tags: [aktualizace, pokladna] --- WooCommerce # Jak ve WooCommerce pokladně opravit fialovou barvu pozadí [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 14. 2. 2025 1 min čtení ![Woo logo](https://www.wplama.cz/wp-content/uploads/2025/02/woo-logo.png "Woo logo") **Jak odstranit fialové pozadí platební sekce ve WooCommerce 9.6?** Nedávná aktualizace **WooCommerce 9.6** přinesla nejen nové funkce, ale také **rebranding** pluginu – změnilo se logo a barvy. Bohužel, tato změna ovlivnila i vzhled webu, konkrétně **platební sekci v pokladně**, kde se může objevit **nežádoucí fialové pozadí**. V tomto článku si ukážeme **jednoduchý způsob, jak tuto výchozí barvu odstranit** a přizpůsobit platební sekci vašemu designu. ![Fialová pokladna ve Woo](https://www.wplama.cz/wp-content/uploads/2025/02/woocommerce-fialove-platebni-metody-2-1024x509.png "Fialová pokladna ve Woo") Oprava je jednoduchá pomocí vlastního CSS, které vložte do [child šablony](https://www.wplama.cz/vytvorit-child-sablonu/) nebo do *Vzhled > Přizpůsobit > CSS*. ## CSS pro změnu fialové platební sekce ve WooCommerce ``` /* Nastavení pozadí pro platební sekci na různých stránkách WooCommerce */ #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #f4f4f4; } /* Styly pro box platební metody */ #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #ccc; color:#000; } /* Trojúhelníkový indikátor pro box platební metody */ #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border: 1em solid #ccc; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } ``` Deisgn si můžete libovolně upravit a HEX kód barvy nastavit dle vlastních preferencí. Nyní je to připravené pro neutrální šedou barvu. ![Opravená Woo pokladna](https://www.wplama.cz/wp-content/uploads/2025/02/opravena-woo-pokladna-1024x509.png "Opravená Woo pokladna") - [#aktualizace](https://www.wplama.cz/stitek/aktualizace/) - [#pokladna](https://www.wplama.cz/stitek/pokladna/) Sdílet - - [](mailto:?subject=Jak ve WooCommerce pokladně opravit fialovou barvu pozadí&body=Jak ve WooCommerce pokladně opravit fialovou barvu pozadí https://www.wplama.cz/jak-ve-woocommerce-pokladne-opravit-fialovou-barvu-pozadi/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fjak-ve-woocommerce-pokladne-opravit-fialovou-barvu-pozadi%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fjak-ve-woocommerce-pokladne-opravit-fialovou-barvu-pozadi%2F) TC Autor Tomáš Cirkl Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na Word Camp Praha a WordPress konferencích. 1 030 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře Zatím tu nikdo nekomentoval. Napište první komentář. ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/jak-ve-woocommerce-pokladne-opravit-fialovou-barvu-pozadi/#respond) [← Předchozí článek WordPress 6.7.2](https://www.wplama.cz/wordpress-6-7-2/) [Další článek → Jak vylepšit responzivitu klasických tabulek ve WordPress](https://www.wplama.cz/jak-vylepsit-responzivitu-klasickych-tabulek-ve-wordpress/) Související ## Mohlo by vás zajímat [Všechny články z rubriky WooCommerce →](https://www.wplama.cz/wordpress/woocommerce/) ![automatizace woocommerce](https://www.wplama.cz/wp-content/uploads/2025/09/automatizace-woocommerce.png "automatizace woocommerce") WooCommerce ### [Zpracování objednávek ve WooCommerce: Možnosti automatizace, díky kterým bude provoz e‑shopu efektivní](https://www.wplama.cz/automatizace-woocommerce/) 22. 9. 2025 5 min čtení --- ![modernizovane e mailove sablony a nahledy](https://www.wplama.cz/wp-content/uploads/2025/05/modernizovane-e-mailove-sablony-a-nahledy.webp "modernizovane e mailove sablony a nahledy") WooCommerce ### [WooCommerce 9.8: Modernizovaný design e‑mailů](https://www.wplama.cz/woocommerce-9-8-modernizovany-design-e-mailu/) 13. 5. 2025 3 min čtení --- ![wordpress bezpecnost](https://www.wplama.cz/wp-content/uploads/2018/10/wordpress-bezpecnost.png "wordpress bezpecnost") WooCommerce ### [POZOR: Falešný e‑mail se vydává za WooCommerce a nabádá ke stažení škodlivého pluginu](https://www.wplama.cz/pozor-falesny-e-mail-se-vydava-za-woocommerce-a-nabada-ke-stazeni-skodliveho-pluginu/) 7. 5. 2025 3 min čtení ---