{"id":2489,"date":"2016-10-14T08:05:47","date_gmt":"2016-10-14T08:05:47","guid":{"rendered":"http:\/\/mydiscover.net.in\/sms\/?page_id=2489"},"modified":"2016-10-14T08:05:47","modified_gmt":"2016-10-14T08:05:47","slug":"how-to-change-color-all-content-and-images-in-wordpress","status":"publish","type":"page","link":"https:\/\/mydiscover.net.in\/blog\/how-to-change-color-all-content-and-images-in-wordpress\/","title":{"rendered":"How to change color all content and images in WordPress"},"content":{"rendered":"<h2>Thumbnails from black and white to color<\/h2>\n<blockquote><p><strong>darmahweb \u00a0<\/strong>Hi, I&#8217;m using the ubud theme on my blog, right now I have manually put the featured images in Black and White but I would really love if someone could help me to make them be in black and white and then go to color when hovering.<\/p>\n<p class=\"which_blog_domain\">The blog I need help with is darmahstudio.wordpress.com.<\/p>\n<hr \/>\n<p><strong><em>jami0821 \u00a0<\/em><\/strong><em>This should desaturate the image by default:<\/em><\/p>\n<pre><em><code>.entry-thumbnail img {\n    -webkit-filter: grayscale(100%);\n    filter: grayscale(100%);\n}<\/code><\/em><\/pre>\n<p><em>And on hover, you can remove the filter:<\/em><\/p>\n<pre><em><code>.entry-thumbnail img:hover {\n    -webkit-filter: none;\n    filter: none;\n}<\/code><\/em><\/pre>\n<hr \/>\n<\/blockquote>\n<pre><strong><em>darmahweb <\/em><\/strong>Thank you so much!!!!\nIs there a way to make the filter go away once I click the thumbnail\nso that the featured image in the actual post would be in color?<\/pre>\n<hr \/>\n<ul id=\"thread\">\n<li id=\"post-2306404\">\n<div class=\"threadpost col-7\">\n<div class=\"post\">\n\u00a0 <strong><em>jami0821\u00a0<\/em><\/strong>Oh sure! On your single posts, you&#8217;ll want to be more specific with the second CSS block mentioned above and remove the hover psudo element:<\/p>\n<pre><code>.single .entry-thumbnail img {\n    -webkit-filter: none;\n    filter: none;\n}<\/code><\/pre>\n<hr \/>\n<\/div>\n<\/div>\n<div class=\"threadauthor col-3\">\n<strong>darmahweb<\/strong>\n<\/div>\n<div class=\"threadpost col-7\">\n<div class=\"post\">\nYou&#8217;re an angel \ud83d\ude42<\/p>\n<hr \/>\n<p><strong><em>jami0821 \u00a0<\/em><\/strong>Happy to help! \ud83d\ude42\n<\/div>\n<\/div>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Thumbnails from black and white to color darmahweb \u00a0Hi, I&#8217;m using the ubud theme on my blog, right now I have manually put the featured images in Black and White but I would really love if someone could help me to make them be in black and white and then go to color when hovering. <\/p>\n<div class=\"read-more-text\"><a href=\"https:\/\/mydiscover.net.in\/blog\/how-to-change-color-all-content-and-images-in-wordpress\/\" class=\"read-more\">continue reading<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2489","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to change color all content and images in WordPress - My Discover<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mydiscover.net.in\/blog\/how-to-change-color-all-content-and-images-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to change color all content and images in WordPress - My Discover\" \/>\n<meta property=\"og:description\" content=\"Thumbnails from black and white to color darmahweb \u00a0Hi, I&#8217;m using the ubud theme on my blog, right now I have manually put the featured images in Black and White but I would really love if someone could help me to make them be in black and white and then go to color when hovering. continue reading\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mydiscover.net.in\/blog\/how-to-change-color-all-content-and-images-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"My Discover\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mydiscover.net.in\\\/blog\\\/how-to-change-color-all-content-and-images-in-wordpress\\\/\",\"url\":\"https:\\\/\\\/mydiscover.net.in\\\/blog\\\/how-to-change-color-all-content-and-images-in-wordpress\\\/\",\"name\":\"How to change color all content and images in WordPress - My Discover\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mydiscover.net.in\\\/blog\\\/#website\"},\"datePublished\":\"2016-10-14T08:05:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mydiscover.net.in\\\/blog\\\/how-to-change-color-all-content-and-images-in-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mydiscover.net.in\\\/blog\\\/how-to-change-color-all-content-and-images-in-wordpress\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mydiscover.net.in\\\/blog\\\/how-to-change-color-all-content-and-images-in-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mydiscover.net.in\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to change color all content and images in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mydiscover.net.in\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/mydiscover.net.in\\\/blog\\\/\",\"name\":\"My Discover\",\"description\":\"Uncover New Possibilities\",\"publisher\":{\"@id\":\"https:\\\/\\\/mydiscover.net.in\\\/blog\\\/#\\\/schema\\\/person\\\/642f364af2ec34384ea1dd5227cf1ec9\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mydiscover.net.in\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/mydiscover.net.in\\\/blog\\\/#\\\/schema\\\/person\\\/642f364af2ec34384ea1dd5227cf1ec9\",\"name\":\"admin\",\"logo\":{\"@id\":\"https:\\\/\\\/mydiscover.net.in\\\/blog\\\/#\\\/schema\\\/person\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to change color all content and images in WordPress - My Discover","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mydiscover.net.in\/blog\/how-to-change-color-all-content-and-images-in-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to change color all content and images in WordPress - My Discover","og_description":"Thumbnails from black and white to color darmahweb \u00a0Hi, I&#8217;m using the ubud theme on my blog, right now I have manually put the featured images in Black and White but I would really love if someone could help me to make them be in black and white and then go to color when hovering. continue reading","og_url":"https:\/\/mydiscover.net.in\/blog\/how-to-change-color-all-content-and-images-in-wordpress\/","og_site_name":"My Discover","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mydiscover.net.in\/blog\/how-to-change-color-all-content-and-images-in-wordpress\/","url":"https:\/\/mydiscover.net.in\/blog\/how-to-change-color-all-content-and-images-in-wordpress\/","name":"How to change color all content and images in WordPress - My Discover","isPartOf":{"@id":"https:\/\/mydiscover.net.in\/blog\/#website"},"datePublished":"2016-10-14T08:05:47+00:00","breadcrumb":{"@id":"https:\/\/mydiscover.net.in\/blog\/how-to-change-color-all-content-and-images-in-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mydiscover.net.in\/blog\/how-to-change-color-all-content-and-images-in-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mydiscover.net.in\/blog\/how-to-change-color-all-content-and-images-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mydiscover.net.in\/blog\/"},{"@type":"ListItem","position":2,"name":"How to change color all content and images in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/mydiscover.net.in\/blog\/#website","url":"https:\/\/mydiscover.net.in\/blog\/","name":"My Discover","description":"Uncover New Possibilities","publisher":{"@id":"https:\/\/mydiscover.net.in\/blog\/#\/schema\/person\/642f364af2ec34384ea1dd5227cf1ec9"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mydiscover.net.in\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/mydiscover.net.in\/blog\/#\/schema\/person\/642f364af2ec34384ea1dd5227cf1ec9","name":"admin","logo":{"@id":"https:\/\/mydiscover.net.in\/blog\/#\/schema\/person\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/mydiscover.net.in\/blog\/wp-json\/wp\/v2\/pages\/2489","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mydiscover.net.in\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mydiscover.net.in\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mydiscover.net.in\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mydiscover.net.in\/blog\/wp-json\/wp\/v2\/comments?post=2489"}],"version-history":[{"count":0,"href":"https:\/\/mydiscover.net.in\/blog\/wp-json\/wp\/v2\/pages\/2489\/revisions"}],"wp:attachment":[{"href":"https:\/\/mydiscover.net.in\/blog\/wp-json\/wp\/v2\/media?parent=2489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}