{"id":1113,"date":"2016-12-19T05:22:57","date_gmt":"2016-12-19T05:22:57","guid":{"rendered":"http:\/\/docs.contentviewspro.com\/?p=1113"},"modified":"2023-12-27T10:32:27","modified_gmt":"2023-12-27T10:32:27","password":"","slug":"change-color-read-more-button","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/change-color-read-more-button\/","title":{"rendered":"Change color of the Read More button"},"content":{"rendered":"<ul>\n<li>With the free plugin, please add this CSS to file <strong>style.css<\/strong> in your theme&#8217;s folder:\n<pre style=\"font-size:13px;margin-top:10px\">\n.pt-cv-readmore {\n    color: YOUR_COLOR !important;\n    background-color: YOUR_COLOR !important;\n    border: none !important;\n}\n<\/pre>\n<\/li>\n<blockquote><p>If you can&#8217;t see the change, please clear your browser cache, and clear (or empty) cache of any WordPress caching plugin which you are using.<\/p><\/blockquote>\n<blockquote><p>If it still doesn&#8217;t work, the possible reason is your theme doesn&#8217;t use the file style.css. Please add above CSS with another way (<a href=\"https:\/\/contentviewspro.com\/documentation\/article\/add-custom-css-content-views-free-version\/\" rel=\"noopener noreferrer\" target=\"_blank\">read more<\/a>).<\/p><\/blockquote>\n<li>With <a href=\"https:\/\/www.contentviewspro.com\/?utm_source=docs&#038;utm_campaign=gopro&#038;utm_medium=referral&#038;utm_content=color-read-more\">Content Views Pro plugin<\/a>, you can change color of the Read More button in <code>Style Settings >> Read More<\/code> without writing CSS:\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2016\/12\/Content-Views-Pro-change-read-more-color.png\" alt=\"Content Views Pro - change read more color\" width=\"570\" height=\"259\" class=\"alignnone size-full wp-image-2501\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2016\/12\/Content-Views-Pro-change-read-more-color.png 570w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2016\/12\/Content-Views-Pro-change-read-more-color-300x136.png 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/li>\n<\/ul>\n<p>Best regards,<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With the free plugin, please add this CSS to file style.css in your theme&#8217;s folder: .pt-cv-readmore { color: YOUR_COLOR !important; background-color: YOUR_COLOR !important; border: none !important; } If you can&#8217;t see the change, please clear your browser cache, and clear (or empty) cache of any WordPress caching plugin which you are using. If it still &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/change-color-read-more-button\/\"> <span class=\"screen-reader-text\">Change color of the Read More button<\/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":[47],"doc_tag":[31],"class_list":["post-1113","docs","type-docs","status-publish","hentry","doc_category-customize-css-style","doc_tag-read-more-button"],"year_month":"2026-09","word_count":103,"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":"Customize CSS\/Style","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/customize-css-style\/"}],"doc_tag_info":[{"term_name":"read more button","term_url":"https:\/\/contentviewspro.com\/documentation\/tags\/read-more-button\/"}],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/1113","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=1113"}],"version-history":[{"count":1,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/1113\/revisions"}],"predecessor-version":[{"id":5411,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/1113\/revisions\/5411"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=1113"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=1113"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=1113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}