Doba čtení: 1 minut
V konzoli najděte problematický prvek : flex-direction-nav
Abychom skryli textové pole s navigací dopředu/dozadu ve WooCommerce, které využívá třídu flex-direction-nav
, můžeme použít následující CSS kód.
V CSS pak stačí vložit a vymazat cache.
.flex-direction-nav { display: none; }
Tento kód skryje celou navigaci, takže tlačítka pro přechod na další nebo předchozí obrázek nebudou viditelná.
Pokud chcete skrýt pouze text v těchto tlačítkách, ale ne samotná tlačítka, můžete použít následující kód:
.flex-direction-nav a { text-indent: –9999px; }
Tento kód odstraní text, ale ponechá tlačítka viditelná a funkční. Tlačítka budou stále klikatelné, ale nebudou zobrazovat textový obsah.
Přidejte jeden z těchto kódů do souboru style.css
vašeho tématu nebo do sekce “Additional CSS” v administraci WordPressu.
To je celé.
Autor: Alex B.