Background

[Jhon Buitrago]

Hi, The backgroud image is not working in home page, but in the others working well.

http://rodandojuntos.com/website/colombia/ inside page working.
http://rodandojuntos.com/website/ home not working.

Thanks for your help.

[Bill Robbins]

Jhon,

It looks like the lightbox plugin has a poorly made style that’s causing the problem. The style looks like this:

.dark {
	background: #111;
}

It should look like this:

.dark {
	background-color: #111;
}

Because they didn’t specify that was a color it’s removing your background image.

Here’s what I would do. Instead of specifying the background using the background setting, let’s use this CSS snippet in your Custom CSS box to override the plugin:

	body.dark { background:url(https://rodandojuntos.com/website/wp-content/uploads/2012/07/dark-wood.jpg) !important; background-color: #000000 !important; background-repeat: repeat !important; background-attachement: scroll !important; background-position: top left !important;} 	

See if that doesn’t work.

Enjoy your weekend,
Bill

[Andy Brulia]

Bill,
I really like this theme – thank you. I am having trouble with my background image as well. I have looked through the support pages and I have tried my background image at 720, 960, 1060, and 2000px wide. No matter what I try the image looks like it is stretched across the screen. I set this up to cycle through my images from start to finish it goes through the sizes: 2000, 720, 960, and the 1060px. http://inkwellandpixel.com/demo/YourGame/

[Bill Robbins]

Andy,

Thank you for your business first of all. I took a look at your site. There are a few adjustments you can make to the background slideshow if you’d like to. The developer of the background script generally recommends a width of 1200 pixels. I usually shoot for about that width and 800 tall or so.

Here’s how to change the way the background images are made to fit the browser window:

1. Go to the Appearance section in your WordPress control panel and select edit.
2. From the list of files on your right, choose custom-js.php and look for this spot:

   
   min_width               :   0,		
   min_height              :   0,
   

3. This sets the minimum width and height of the image. Beyond that point the image wont’ be scaled down anymore, but instead will be cropped. Just enter a number there that you’d like to try and see the effect it has on the scaling.
4. Next look down a few lines for this:

   
   fit_portrait            :   0,		
   fit_landscape        :   0,
   

5. This spot allows you to set your images not to scale. The 0 here means no. You can change that to 1 to make a change to “yes.” You could set it to fit portrait or landscape and then see the effect.
6. Once your finished, save your changes.

Getting these to fit nicely across different screen sizes can take just a bit of tweaking. If I can help, let me know.

Thanks again,
Bill

[Author]

Posts