{"id":2110,"date":"2017-01-10T03:31:37","date_gmt":"2017-01-10T03:31:37","guid":{"rendered":"http:\/\/docs.contentviewspro.com\/?p=2110"},"modified":"2024-01-02T10:10:05","modified_gmt":"2024-01-02T10:10:05","password":"","slug":"style-settings","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/style-settings\/","title":{"rendered":"Style Settings (color, font, etc.)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">With Content Views Pro, you can customize styles of any elements (<ins datetime=\"2022-10-20T04:37:08+00:00\">title, content, read more, meta fields, custom field, pagination, live filter,<\/ins> etc.) easily <strong>without writing CSS<\/strong>, using the &#8220;Style Settings&#8221; tab of a View. <br>These are style options for each element:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"976\" height=\"175\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/12\/image-1.png\" alt=\"\" class=\"wp-image-5588\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/12\/image-1.png 976w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/12\/image-1-300x54.png 300w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/12\/image-1-768x138.png 768w\" sizes=\"auto, (max-width: 976px) 100vw, 976px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For each element, you can change:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Text color<\/li>\n\n\n\n<li>Background color<\/li>\n\n\n\n<li>Font name (font family)<\/li>\n\n\n\n<li>Font size<\/li>\n\n\n\n<li>Font weight (normal, bold)<\/li>\n\n\n\n<li>Font style (normal, italic)<\/li>\n\n\n\n<li>Text decoration (none, underline)<\/li>\n\n\n\n<li>Text align (left, right, center, justify)<\/li>\n\n\n\n<li>Text transform (normal, capitalize, uppercase, lowercase)<\/li>\n\n\n\n<li>Line height (number, number followed by a length unit &#8211; such as 10px or 2em, percentage)<\/li>\n\n\n\n<li>Letter spacing (number followed by a length unit)<\/li>\n\n\n\n<li>Margin<\/li>\n\n\n\n<li>Padding<\/li>\n\n\n\n<li>Border<\/li>\n\n\n\n<li>Border Radius<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For each item, you can change:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Item background color<\/li>\n\n\n\n<li>Item padding<\/li>\n\n\n\n<li>Item margin<\/li>\n\n\n\n<li>Item border<\/li>\n\n\n\n<li>Item border radius<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For the whole view, you can change:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>View margin<\/li>\n\n\n\n<li>Text alignment<\/li>\n\n\n\n<li>Text direction (Left to Right, Right to Left)<\/li>\n\n\n\n<li>Add custom HTML class<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you,<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With Content Views Pro, you can customize styles of any elements (title, content, read more, meta fields, custom field, pagination, live filter, etc.) easily without writing CSS, using the &#8220;Style Settings&#8221; tab of a View. These are style options for each element: For each element, you can change: For each item, you can change: For &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/style-settings\/\"> <span class=\"screen-reader-text\">Style Settings (color, font, etc.)<\/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":[11],"doc_tag":[],"class_list":["post-2110","docs","type-docs","status-publish","hentry","doc_category-quick-guide"],"year_month":"2026-09","word_count":154,"total_views":"1","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":"Quick Guide","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/quick-guide\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/2110","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=2110"}],"version-history":[{"count":10,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/2110\/revisions"}],"predecessor-version":[{"id":5718,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/2110\/revisions\/5718"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=2110"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=2110"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=2110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}