{"id":1648,"date":"2017-06-14T04:22:58","date_gmt":"2017-06-14T04:22:58","guid":{"rendered":"http:\/\/docs.contentviewspro.com\/?p=1648"},"modified":"2017-06-14T04:22:58","modified_gmt":"2017-06-14T04:22:58","password":"","slug":"put-incremental-number-before-each-post-in-grid-layout","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/put-incremental-number-before-each-post-in-grid-layout\/","title":{"rendered":"Show a numerical sequence list with Grid layout"},"content":{"rendered":"<p>You can show a numerical sequence list with Grid layout using this CSS:<\/p>\n<pre style=\"font-size:13px\">\n\/* Show index number before posts *\/\n#pt-cv-view-VIEWID {\n    counter-reset: listpost;\n    padding: 15px;\n}\n#pt-cv-view-VIEWID .pt-cv-content-item:before {\n    content: counter(listpost) \". \";\n    counter-increment: listpost;\n    \/* You may remove 2 lines below if it doesn't look good *\/\n    position: absolute;\n    margin-left: -15px\n}\n<\/pre>\n<p>Please replace <strong>VIEWID<\/strong> with <a href=\"https:\/\/contentviewspro.com\/documentation\/article\/what-is-id-of-a-view\/\">ID of your View<\/a>.<\/p>\n<p>With Content Views Pro, please add above code to <strong>Custom CSS<\/strong> field in Content Views >> Settings page.<br \/>\nWith Content Views Free, please add above code to file style.css of your active theme.<\/p>\n<p>Best regards,<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can show a numerical sequence list with Grid layout using this CSS: \/* Show index number before posts *\/ #pt-cv-view-VIEWID { counter-reset: listpost; padding: 15px; } #pt-cv-view-VIEWID .pt-cv-content-item:before { content: counter(listpost) &#8220;. &#8220;; counter-increment: listpost; \/* You may remove 2 lines below if it doesn&#8217;t look good *\/ position: absolute; margin-left: -15px } Please &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/put-incremental-number-before-each-post-in-grid-layout\/\"> <span class=\"screen-reader-text\">Show a numerical sequence list with Grid layout<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"doc_category":[25],"doc_tag":[],"class_list":["post-1648","docs","type-docs","status-publish","hentry","doc_category-adjustment"],"year_month":"2026-09","word_count":89,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"admin1","author_nicename":"admin1","author_url":"https:\/\/contentviewspro.com\/documentation\/author\/admin1\/"},"doc_category_info":[{"term_name":"Adjustment","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/adjustment\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/1648","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/comments?post=1648"}],"version-history":[{"count":0,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/1648\/revisions"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=1648"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=1648"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=1648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}