Using an image as the background of one of the home widget sections

[Zak Kazanski]

Is it possible to change the background of one of the home page widget sections to display a picture instead of a color?

[Bill Robbins]

Zak,

It is possible to do that. Here’s how:

1. Go to the Media section in your WordPress control panel and select Add New.
2. Upload the image that you’d like to use and then click the edit link once the upload is finished. On the screen that opens up, look on the right hand side and you’ll see a field for the file URL. Copy that URL to use in a minute.
3. Then go to the Theme Options page and select the Advanced tab. Scroll down to the Custom CSS box and enter this:

   
   #home-two {
   	background-image: url(https://yoursite.com/image.png);
   	background-repeat: repeat;
   	background-position: center top;
   }
   

   Replace the http://yoursite.com/image.png with the URL to your image that you copied earlier.

   You’ll also want to change the home-two to the number of the section you’re working with. Each section has a number that’s spelled out like that: home-one, home-two, home-three and so on. Just use the one that corresponds to the section you want to work with.

4. Save your settings.

That should let you use a background image there. If you have any questions or trouble, let me know.

Thanks,
Bill

[Author]

Posts