Joomla.it Forum
Joomla! 3 => Joomla! 3 => : simpad 25 Apr 2019, 21:34:13
-
Ciao!
Parlo del modulo cerca e non del modulo motore di ricerca.
Il form dove di devono inserire le parole da ricercare è troppo largo, prende tuta la pagina.
Ho provato a restringerlo a 200px ma poi quando faccio una ricerca, appare tutto largo 200px.
Inoltre vorrei far sparire le opzioni di ricerca: SP Page Builder, Articoli, Tag
Come posso fare?
Grazie
-
Per togliere i moduli ho trovato. in plugin ho impostato cerca per tipo e inserendo search sono apparsi tutti i componenti e disabilitando quelli voluti non appaiono più nel modulo ricerca.Resta solo il fatto che vorrei restringere SOLO la parte dove dsi inserisce il testo da ricercare e non tutto il resto, ma non so come fare.In pratica con questo codice:
.search {
width: 206px;
}
Si restringe, ma poi quando vado ad effettuare una ricerca, si apre una pagina.
Il modulo di ricerca aperto e i risultati appaiono stretti e davvero esteticamente e funzionalmente inadeguati.
Non trovo il codice giusto da inserire.
Se volete darmi una mano:
https://www.aspergerway.com (https://www.aspergerway.com)
User e password: offline
Nota:
Utente registered gruppo offline - con solo il permesso di vedere il sito anche se offline, e lasciato attivo solo per il tempo utile a capire il problema
PS: ora il codice sopra scritto non è presente. Il modulo ha di default larghezza 100%
Grazie per l'aiuto!
-
Alla fine ce l'ho quasi fatta!
Con questo codice:.form-control {
width: 300px;
}
ho ristretto il campo da modulo non aperto, cioè come appare normalmente quando non si cerca.
Con questo codice:.input-group {
width: 300px;
}ho ristretto lo stesso campo quando si apre la pagina ricerca.
Infine, con questo cosice:select.form-control:not([multiple]), select.inputbox:not([multiple]), select:not([multiple]) {
width: 300px;
}
ho ristretto (sempre da pagina ricerca aperta) pure i menu dropdown "Ordine" e "Visualizza n."
Rimane il problema che se al form aggiungo il pulsante "Cerca", non risponde più questo codice:
.form-control {
width: 300px;
}
e non riesco a trovare il codice giusto.
-
Non è gravissimo perché comunque invece che 300 ora è 320 e non c'è troppa differenza.
Pero sarebbe utile sapere che stringa si dovrebbe usare.
Per ora ho settato le altre due stringhe a 320 così non ho problemi.
Quindi per ricapitolare, se voglio inserire il pulsante cerca con ilo testo "Cerca", devo utilizzare solo questi 2 codici:
.input-group {
width: 407px;
}
select.form-control:not([multiple]), select.inputbox:not([multiple]), select:not([multiple]) {
width: 320px;
}
-
Errata corrige:
Questo è il codice definitivo:.input-group {
width: 280px;}
#searchForm {
width: 280px;}