# Custom look in listing block

**URL:** <https://community.hivepress.io/t/custom-look-in-listing-block/10809>\
**Category:** HivePress\
**Created:** [May 9, 2024, 8:26am UTC](https://community.hivepress.io/t/custom-look-in-listing-block/10809 "2024-05-09T08:26:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![montebazaar](https://community.hivepress.io/user_avatar/community.hivepress.io/montebazaar/32/8930_2.png) [@montebazaar](https://community.hivepress.io/u/montebazaar)\
**Post date:** [May 9, 2024, 8:26am UTC](https://community.hivepress.io/t/custom-look-in-listing-block/10809/1 "2024-05-09T08:26:11Z")

</div>

Hello,

Quick question here: What is page id or how can I do custom CSS in listing view block?  
To be precise, I want to change how listing page is displayed.

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![andrii](https://community.hivepress.io/user_avatar/community.hivepress.io/andrii/32/2951_2.png) [@andrii](https://community.hivepress.io/u/andrii)\
**Post date:** [May 10, 2024, 9:34am UTC](https://community.hivepress.io/t/custom-look-in-listing-block/10809/3 "2024-05-10T09:34:35Z")

</div>

Hi,

I recommend using dev tools to understand which id or CSS class is responsible for a particular block, please check these docs: [HTML Styles CSS](https://www.w3schools.com/html/html_css.asp), [https://developer.chrome.com/docs/devtools/overview](https://developer.chrome.com/docs/devtools/overview)

---

<div class="post-metadata">

**Author:** ![system](https://community.hivepress.io/user_avatar/community.hivepress.io/system/32/13990_2.png) [@system](https://community.hivepress.io/u/system)\
**Post date:** [June 9, 2024, 9:34am UTC](https://community.hivepress.io/t/custom-look-in-listing-block/10809/4 "2024-06-09T09:34:48Z")

</div>

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