Modifier le fond pour les résultats de recherche

Question

J'ai trouvé une "erreur" dans le thème de mon blog. Je souhaite modifier le code CSS des messages du résultat de la fonction de recherche car son arrière-plan est associé à la balise de mise en forme des données data: messages.showAll.

Alors, comment puis-je changer les arrière-plans des étiquettes de mise en page?

Data:view.search.resultsMessageHtml 

And 

Data:messages.showAll 

Mon thème est 'Soho' et après la recherche, j'ai récupéré un fond bleu avec deux messages. Je voudrais séparer ces deux messages avec une ligne droite noire ou des arrière-plans différents.

Ai-je une chance de résoudre ce problème?

Answer 1

Le CSS suivant devrait être en mesure de réaliser ce que vous avez besoin -

.post-filter-message { 
    position: relative; 
} 

.home-link-container { 
    background: #f0f0f0; /* The background color of your choice */ 
    position: absolute; 
    right: 0; 
    height: 100%; 
    top: 0; 
    padding: 0 10px; 
} 

.home-link { 
    display: block; 
    position: relative; 
    top: 50%; 
    transform: translateY(-50%); 
} 

Ajouter dans le code de votre thème via l'onglet Thème Personnaliser avancée Ajouter CSS