Articles Good Search - alternating background color for results

Please Log in or Create an account to join the conversation.

#
Hello, how can I set the results layout to show alternating background colors as you have done here:
/administrator/?gsearch=1&search_type=search_stats&search_mode=list

Currently, the search results items on the public side all have same color background.

The client asked for this to help the eye differentiate between results, seems like a very good idea.

Thank you!

Please Log in or Create an account to join the conversation.

#
Hello, Vicky.

Please, you can use the following style, you can add it into your site template's stylesheet.
#gsearch-results .table-item:nth-child(2n+1) {
	background: #eef3f9;
}

Please Log in or Create an account to join the conversation.

#
Thank you!!

Please Log in or Create an account to join the conversation.

#
Hi, I'm adding this note for anyone else who wants this visual stying...

At first, when I applied this CSS it did not change styling.
#gsearch-results .table-item:nth-child(2n+1) {background: #eef3f9;}

I checked the code; I didn't see a table tag in the code. So, I went back to module params, noticed options for "search results template style", changed to "Table".

Now, the results reflect the styling of alternating background colors.
Attachments: