Remplacer/supprimer la marge : champ de recherche Google personnalisé

Un utilisateur a demandé 👇

Je me bats avec ça depuis des jours, alors j’espère que quelqu’un ici pourra m’aider.

La boîte de recherche dans le pied de page du site lié a l’air horrible à cause de la marge inférieure du tableau du site CSS, je pense, comme vous le verrez. J’ai essayé tout ce à quoi je pouvais penser et j’ai admis mes connaissances limitées pour surmonter et supprimer la marge inférieure pour la rendre en ligne, c’est mieux, mais pas de chance. Dans l’outil d’audit du navigateur Chrome, la suppression de la marge inférieure fonctionne, mais après des jours à essayer d’écrire ou de copier le CSS, je ne trouve pas que cela fonctionne. Nous apprécierions toute aide, merci!

Soit dit en passant, je n’ai pas utilisé de plugin pour la recherche, juste une entrée html brute utilisant le code fourni par Google pour le champ de recherche et la page de résultats.

Ce sujet a été modifié il y a 11 mois par. Raison : Déplacé pour réparer WordPress, ce n’est pas du contenu WordPress Tout le reste

(@tenzinchoenyi)

il y a 11 mois

Bonjour @matsp

Vous souhaitez donc supprimer la marge inférieure de cette recherche Google.

Vous pouvez ajouter le code CSS suivant.

table.gstl_50.gsc-input {
margin: 0!important;
}

Cette réponse a été modifiée il y a 11 mois par.

(@tenzinchoenyi)

il y a 11 mois

table .gstl_50 .gsc-input {
margin: 0!important;
}

Cette réponse a été modifiée il y a 11 mois par. Cette réponse a été modifiée il y a 11 mois par.

(@matsp)

il y a 11 mois

Bonjour Tenzin, merci beaucoup pour votre réponse !

Malheureusement, cela n’a pas fonctionné 🙁 Je ne comprends pas pourquoi.

Élément…

…

Ce qui suit n’est pas encore mis en œuvre…

table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    width: 100%;
}

et n’est pas écrit par la SEC recommandé.

J’ai vidé le cache et rechargé plusieurs fois, avez-vous d’autres idées s’il vous plaît ?

Cette réponse a été modifiée il y a 11 mois par.

(@matsp)

il y a 11 mois

Mettre à jour…

J’utilise un compositeur vidéo, dans lequel le pied de page est stylisé et je viens d’ajouter ce qui suit au css local dans le pied de page d’un compositeur vidéo et cela fonctionne et ne semble pas causer de problèmes avec d’autres tables dans le pied de page…

table {
margin: 0px 0px 0px !important;
}

Probablement pas la meilleure façon de le faire, mais ça marche maintenant

Cela a-t-il résolu votre problème ?