How can you change background color of the listing block?

Hello, could someone please tell me how to change the background color of a Listing block? I would like it to match with my website colors. ( #F5F1F0)
Is there a CSS code I can use?

Thank you in advance!

If I understand you correctly, please try this CSS snippet:

.hp-listing.hp-listing--view-block {
	background-color: #F5F1F0;

Please note that you may require additional customizations in the future.
If customizations are required for your site, please try customizing it using the collection of code snippets Search · user:hivepress · GitHub and other developer resources, or consider hiring someone for custom work

1 Like

Thank you very much :smiley:

Extremely new, so apologize for what may be an obvious question. Does this go in the additional CSS?

I selected one of my ‘test’ listings, clicked customize, added the above code copy / paste.

Nothing changed. What did I do wrong??

Thank you very much in advance for your valuable assistance

Yes, you can keep custom CSS snippets in the Appearance/Customize/Additional CSS. This code snippet changes the listing block color (not the listing page), listing blocks are displayed on the listing search results, or listing category pages.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.