How can you change background color of the listing block?

General
1

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!

4

Hi,
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 https://fvrr.co/32e7LvY

1 Like
5

Thank you very much :smiley:

6

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

7

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.

8

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