Jump to content
Accerr

Modification de la taille du bloc recherche

Recommended Posts

Bonjour à tous,

 

Je voudrais modifier la taille du bloc recherche, mais je ne trouve pas comment faire. J'ai déjà modifié son emplacement mais pour le reste c'est un mystère !

 

Merci d'avance.

 

Rudy

Share this post


Link to post
Share on other sites

Salut Accerr

 

Dans "blocksearch.css", ligne "#search_block_top #search_query_top", ajoutes une ligne "width" et la valeur souhaitée pour modifier la taille horizontalement, ou une ligne "height" pour modifier la taille verticalement :)

Share this post


Link to post
Share on other sites

Merci Rufus ! Mais quand je fais cette modif il ne se passe rien. En inspectant l'élément, la hauteur est toujours à  alors que je veux mettre  ;-(

Share this post


Link to post
Share on other sites

Essayes comme ça, en mettant ce que tu veux à la place de 20 :

height: 20px !important

Au sinon, laisse un lien vers ton site, ça sera plus simple. ;)

Share this post


Link to post
Share on other sites

J'ai essayé, mais ;-(

 

Je laisse le lien du site : www.travel-moto-shop.com

 

Merci Ruffus !

Share this post


Link to post
Share on other sites

Dans global.css (ligne 1298 #search_block_top), ajoutes, en remplaçant XX par la valeur que tu veux :

height: XXpx;

Ca fonctionnait parfaitement sur ton site :)
 

Share this post


Link to post
Share on other sites

Bon pour moi ça n'a pas été facile mais ayé ca marche ! Il reste un cadre à modifier car il vient par-dessus "searchbox", mais je ne trouve pas lequel. Et modifier la position de la loupe pour la recentrer....et la pareil.

 

En tout cas merci Rufus pour ton aide !

 

Rudy

Share this post


Link to post
Share on other sites

Pour le cadre et la loupe, tu peux essayer ça :

 

global.css (ligne 1317 #search_block_top input.search_query)

bottom: 5px;

global.css (ligne 1342 #search_block_top a:before)

position: relative;
bottom: 7px;

:)

Share this post


Link to post
Share on other sites

Yalllllllla ! Merci beaucoup Ruffus ! Puis-je abuser pour une dernière ?

 

Dans mon bas de page, module rassurer les clients, je voudrais que mes logos soient "étalés" sur la largeur ? J'ai fais 50 manips mas certainement pas la bonne.....

 

Rudy

Share this post


Link to post
Share on other sites

Salut Rudy

 

Je trouve que le rendu en étalant les logos du block "reinsurance" n'est pas super, mais si c'est ce que tu veux, voila les changements à effectuer :

 

Dans le dossier du module "réinsurance", fichier "style.css" :

 

#reinsurance_block, ajouter ou modifier :

height: 100px;

#reinsurance_block .width5 li, ajouter ou modifier :

width: 210px;

#reinsurance_block li img, ajouter ou modifier :

bottom: 15px;
height: 100px;
position: relative;

#reinsurance_block li span, ajouter ou modifier :

padding-top: 0;
width: 40%;

Et voilà ! ;)

Share this post


Link to post
Share on other sites

Salut Rufus,

 

Je souhaite les étaler mais dans la largeur, là j'ai fait la modif mais ça les met l'un sous l'autre ? normal docteur (long à revenir,mais changement d'op télécom cette semaine ;-(    )

Share this post


Link to post
Share on other sites

Salut Accerr
 
Tu as du mal faire les changements. Car tu devrais obtenir ça :

974332reinsurance.png

 

A moins que je ne me sois trompé et que ce n'est pas ce que tu veux obtenir comme résultat

Share this post


Link to post
Share on other sites

Bonjour Rufus,

 

Merci de ton aide. Je reviens après qq jours sur un salon .....C'est bien cela que je veux faire. J'ai bo avoir essayé tt une journée je n'arrive pas à faire les modifs...je ne comprends pas ce que je fais mal. Pire, sur ma lancée,  j'ai enregistré les modifs sur mon ficher original....;-(      Alors maintenant c pire ! Crois tu que si je t'envoie le fichier tu pourrais me faire la modif, que je puisse comparer avec ce que je fais. Je débute ss Prestashop mais c'est bien la première fois que je n'arrive pas à modifier le fichier !

 

Merci encore.

 

Rudy

Share this post


Link to post
Share on other sites

Salut Accerr

 

Oui pas de soucis. Je te ferai les modifs. En PM stp

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More