{"id":887,"date":"2016-07-13T09:39:27","date_gmt":"2016-07-13T09:39:27","guid":{"rendered":"http:\/\/docs.contentviewspro.com\/?p=887"},"modified":"2016-07-13T09:39:27","modified_gmt":"2016-07-13T09:39:27","password":"","slug":"social-buttons-use-custom-icon","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/social-buttons-use-custom-icon\/","title":{"rendered":"Social buttons &#8211; use custom icon"},"content":{"rendered":"<p>Content Views Pro uses a set of icons for social networks. To use your own icons, please add this code to <strong>Custom CSS<\/strong> field in Content Views >> Settings page:<\/p>\n<pre style=\"font-size:13px\">\n.pt-cv-social-buttons a {background-repeat: no-repeat !important; background-size: contain !important; background-position: unset !important;}\n.pt-cv-social-facebook {background: url(YOUR_FACEBOOK_IMAGE_URL) !important}\n.pt-cv-social-twitter {background: url(YOUR_TWITTER_IMAGE_URL) !important}\n.pt-cv-social-googleplus {background: url(YOUR_GOOGLEPLUS_IMAGE_URL) !important}\n.pt-cv-social-linkedin {background: url(YOUR_LINKEDIN_IMAGE_URL) !important}\n.pt-cv-social-pinterest {background: url(YOUR_PINTEREST_IMAGE_URL) !important}\n<\/pre>\n<p>then <strong>replace above uppercase texts with the URL of your icons<\/strong>.<\/p>\n<p>Best regards,<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Content Views Pro uses a set of icons for social networks. To use your own icons, please add this code to Custom CSS field in Content Views >> Settings page: .pt-cv-social-buttons a {background-repeat: no-repeat !important; background-size: contain !important; background-position: unset !important;} .pt-cv-social-facebook {background: url(YOUR_FACEBOOK_IMAGE_URL) !important} .pt-cv-social-twitter {background: url(YOUR_TWITTER_IMAGE_URL) !important} .pt-cv-social-googleplus {background: url(YOUR_GOOGLEPLUS_IMAGE_URL) !important} .pt-cv-social-linkedin {background: &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/social-buttons-use-custom-icon\/\"> <span class=\"screen-reader-text\">Social buttons &#8211; use custom icon<\/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":[29,27],"class_list":["post-887","docs","type-docs","status-publish","hentry","doc_category-adjustment","doc_tag-custom-css","doc_tag-social-buttons"],"year_month":"2026-09","word_count":93,"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":[{"term_name":"custom CSS","term_url":"https:\/\/contentviewspro.com\/documentation\/tags\/custom-css\/"},{"term_name":"social buttons","term_url":"https:\/\/contentviewspro.com\/documentation\/tags\/social-buttons\/"}],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/887","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=887"}],"version-history":[{"count":0,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/887\/revisions"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=887"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=887"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}