Custom Background/Gallery Page

[Judy Gaudin]

Good Morning Bill,
Is it possible to add s seamless background image behind gallery pics?

Thank you,
Judy
(site is live so you can view)

[Bill Robbins]

Hello Judy,

Are you wanting to have a background image behind the thumbnails? Just wanted to make sure we had the same thing in mind.

Bill

[Judy Gaudin]

yes…I have a burlap border on front slideshow pics and would like to duplicate a flat burlap background for all images. My thought was have one image cover page and when the gallery populates they would lay on top of burlap image.

[Bill Robbins]

Sounds good. Here’s how I would approach that:

1. Go to the Media Section in your WordPress dashboard and select Add New. Upload the image you’d like to use. Once the upload is complete, click on the edit link. Look on the right hand side of the screen that opens up for the File URL. We’ll need that in just a minute.
2. Go to your theme options page and choose the Style tab.
3. Scroll down to the Custom CSS box and add this:

   
   .page-id-9 #content.full {
   	margin-top: 0;
   	background-image: url(https://yoursite.com/image.jpg);
   	background-repeat: repeat;
   }
   

4. Replace the http://yoursite.com/image.jpg with the URL to your image from earlier.
5. Update your settings.

See if that doesn’t set the background there. That will add it to the whole content area. The thumbnails run right agains the padding of that area so if we only add it to the gallery’s markup you wouldn’t really get a border since the thumbnails would be sitting on the edge of the background.

Let me know how that goes,
Bill

[Author]

Posts