Title: Different Grid image
Last modified: November 1, 2016

---

# Different Grid image

 *  Resolved [olfheure](https://wordpress.org/support/users/olfheure/)
 * (@olfheure)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/different-grid-image/)
 * Hello,
 * I would like to know if it’s possible to apply a specific image on every grid
   page display on my homepage. I would like the image on each grid to be different
   than the one that appear on top of each individual page.
 * Thank you very much!

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/different-grid-image/#post-8387549)
 * Hi there,
 * That’s possible but would require a few steps and some [custom CSS](https://en.support.wordpress.com/custom-css/).
 * The first step would be for you to upload the image you wish to use to your Media
   Library. You can do that by following the steps here:
 * [https://en.support.wordpress.com/media/](https://en.support.wordpress.com/media/)
 * Next, you’d need to add a snippet similar to the following to the CSS panel of
   the [WordPress.com Customizer](https://en.support.wordpress.com/customizer/):
 *     ```
       .home #post-13 img {
           visibility: hidden;
       }
   
       .home #post-13 .post-thumbnail {
           background-image: url(https://example.png);
           background-size: cover;
       }
       ```
   
 * You’d need to replace two parts in the above snippet:
 * 1. **#post-13** would be replaced with the ID of the post you’re adding an image
   to. You can find the ID of your post by navigating to its editor and looking 
   at the URL. For example, the post’s ID in the following screenshot is 5245:
 * [⌊Screen Shot 2016 11 02 at 16 44 24⌉⌊Screen Shot 2016 11 02 at 16 44 24⌉[
 * 2. **[https://example.png](https://example.png)** would be replaced with the 
   URL to the image you wish to use.
 * **As an extra note:** I noticed that your site is hosted over at WordPress.com
   while this forum is intended for folk who are hosted elsewhere and running on
   the free software available here at WordPress.org.
 * The difference between the two types of WordPress (WordPress.com and WordPress.
   org) is an understandable and common point of confusion. If you’re unsure of 
   the differences, then [this guide gives a good overview](https://en.support.wordpress.com/com-vs-org/).
 * As you’re on a paid plan over at WordPress.com, the contact form is the best 
   place for you to access private live chat support:
 * [https://wordpress.com/help/contact](https://wordpress.com/help/contact)
 * For help with CSS questions, please post to our dedicated CSS forum:
 * [https://en.forums.wordpress.com/forum/css-customization](https://en.forums.wordpress.com/forum/css-customization)
 * Hope that helps out!
 *  Thread Starter [olfheure](https://wordpress.org/support/users/olfheure/)
 * (@olfheure)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/different-grid-image/#post-8389095)
 * Wow!
 * Thank you !!
 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/different-grid-image/#post-8390215)
 * You’re most welcome! We’ll be happy to help over at WordPress.com with any extra
   questions, too. 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Different Grid image’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/goran/1.2.5/screenshot.png)
 * Goran
 * [Support Threads](https://wordpress.org/support/theme/goran/)
 * [Active Topics](https://wordpress.org/support/theme/goran/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/goran/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/goran/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/different-grid-image/#post-8390215)
 * Status: resolved