CSS ist eine Abkürzung für Cascading Style Sheets – Gestaltungsregeln mit kaskadierender Funktion. Mit Vorschlägen in deinem Suchformular haben Style Sheets überhaupt nichts zu tun.
Schau dir mal das Plugin Instant Search & Suggest an. Das Plugin ist bereits etwas älter, sollte aber funktionieren.
Für das Abdunkeln anderer Bildschirminhalte bei Anklicken des Suchformulars benötigst du JavaScript. Mit CSS alleine ist es da nicht getan.
@pixolin
Besten Dank für die prompte Antwort. Werde das Plugin gleich ausprobieren. #bildschirmabdunkeln wie müsste ich da genau vorgehen?
Danke dir im Voraus.
Gruss
… #bildschirmabdunkeln wie müsste ich da genau vorgehen?
Das sprengt hier ein wenig den Rahmen. Wir wollen hier Hilfe zur Selbsthilfe beo Anwendungsfragen zu WordPress geben. Wenn du CSS und JavaScript lernen möchtest, gibt es dafür eigene Support-Foren. Wenn du es nicht lernen möchtest, solltest du einen Dienstleister beauftragen.
Ganz kurz dargestellt: Du kannst mit folgender jQuery-Zeile dem <body>
-Tag eine CSS-Klasse dunkel
hinzufügen
jQuery('#woocommerce-product-search-field-0').focus(
function(){ jQuery('body').addClass('dunkel'); }
);
und musst dann entsprechende CSS-Regeln hinzufügen, die den Hintergrund abdunkeln, also z.B. body.dunkel { background: #ddd; }
. Das jQuery muss über ein Child Theme eingebunden werden.