Background images off slightly

[Sara Putney-Brandt]

Hi,

The background images are slightly off center with the black background coming through on the left: http://abfitnesspro.com/

Any thoughts?

Sara

[Bill Robbins]

Sara,

You can update the theme to make the backgrounds work a bit better. We made a lot of improvements to the theme with version 2.0 and the background are just one area where they improved. It also has built-in updates so you can update the theme in the future like you would a plugin.

If you’d rather you can give this a try:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   	
   #supersized {
   	display: block; 
   	position: fixed; 
   	left: 0; 
   	top: 0; 
   	margin: 0 !important;
   	padding: 0 !important;
   	overflow: hidden; 
   	z-index: -999; 
   	height: 100%; 
   	width: 100%;
   	list-style-type: none;
   }
   
   #supersized img {
   	width :auto; 
   	height: auto; 
   	position: relative; 
   	display: none; 
   	outline: none; 
   	border: none; /* counteracts global img modification by twitter bootstrap library */
   	max-width: none !important;
   }
   
   #supersized.speed img {
   	-ms-interpolation-mode: nearest-neighbor; 
   	image-rendering: -moz-crisp-edges; 
   }
   
   #supersized.quality img { 
   	-ms-interpolation-mode: bicubic; 
   	image-rendering: optimizeQuality; 
   }
   		
   #supersized li {
   	display: block; 
   	list-style: none; 
   	z-index: -30; 
   	position: fixed; 
   	overflow: hidden; 
   	top: 0; 
   	left: 0; 
   	width: 100%; 
   	height: 100%; 
   	background: #111;
   	margin: 0 !important;
   	padding: 0 !important;
   }
   
   #supersized a { 
   	width: 100%; 
   	height: 100%; 
   	display: block;
   }
   
   #supersized li.prevslide { 
   	z-index: -20; 
   }
   
   #supersized li.activeslide { 
   	z-index: -10; 
   }
   
   #supersized li.image-loading { 
   	background-color: #111; 
   	width: 100%; 
   	height: 100%;
   }
   
   #supersized li.image-loading img {
   	visibility: hidden; 
   }
   
   #supersized li.prevslide img, 
   #supersized li.activeslide img {
   	display: inline;
   }
   
   
   

3. Update your settings.

Let me know if you need any help,
Bill

[Sara Putney-Brandt]

Sorry to make you hand hold, but what would be the best way to update the theme?

[Bill Robbins]

Probably the easiest way would be to download the theme from the right hand column here. Unzip the foxy.zip file that you’ll have then. Rename the foxy folder foxy-update and then zip it back up. You could then install it like you would any new theme. Plus you can roll back to the original if you need to for any reason.

Let me know if I can help,
Bill

[Sara Putney-Brandt]

Thanks!!

[Author]

Posts