{"id":55129,"date":"2020-05-03T19:12:58","date_gmt":"2020-05-03T17:12:58","guid":{"rendered":"https:\/\/samuelchopard.ch\/wiki\/?p=55129"},"modified":"2020-05-03T19:13:28","modified_gmt":"2020-05-03T17:13:28","slug":"replace-an-image-with-css","status":"publish","type":"post","link":"https:\/\/samuelchopard.ch\/wiki\/library\/replace-an-image-with-css\/","title":{"rendered":"Replace an image with CSS"},"content":{"rendered":"<p><!--more--><br \/>\nUse the following CSS code:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\">\r\nimg {\r\n  display: block;\r\n  -moz-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  background: url([LINK TO NEW IMG]) no-repeat;\r\n  width: 180px; \/* Width of new image *\/\r\n  height: 236px; \/* Height of new image *\/\r\n  padding-left: 180px; \/* Equal to width of new image *\/\r\n}<\/pre>\n<p>Source: <a target=\"_blank\" href=\"https:\/\/css-tricks.com\/replace-the-image-in-an-img-with-css\/\">https:\/\/css-tricks.com\/replace-the-image-in-an-img-with-css\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"Use the following CSS code: img { display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url([LINK TO NEW IMG]) no-repeat; width: [...]","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[69,138,246],"class_list":["post-55129","post","type-post","status-publish","format-standard","hentry","category-htmlcss","tag-css","tag-img","tag-replace"],"_links":{"self":[{"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/posts\/55129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/comments?post=55129"}],"version-history":[{"count":2,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/posts\/55129\/revisions"}],"predecessor-version":[{"id":55131,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/posts\/55129\/revisions\/55131"}],"wp:attachment":[{"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/media?parent=55129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/categories?post=55129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/tags?post=55129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}