Skrytí navigace obrázků ve woocommerce ? Bez pluginů

Skrytí navigace obrázků ve woocommerce ? Bez pluginů

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.

BLOG.HARDWEB.CZ Předchozí článek Nelze zjistit systémové info : Nextcloud, Owncloud
BLOG.HARDWEB.CZ Další článekt Recenze : Patriot P210 2048GB opravdu levný ” shi* ” ? | Linux