Background Images and Side Size

[Ben Coleman]

Hello

Could you please answer these two questions:

1. I changed the background image to your “space” and it repeats little images rather than stretching across the screen as the original black image did. How do I get it to stretch? Here’s what it looks like:

http://www.7stonesemporium.com/

2. How big are the slides in the slideshow?

Thank you.

Ben

[Bill Robbins]

Ben,

The images in the featured row are set to be 178 pixels square, but you can change that if you need to. Here’s what to do:

1. Using the theme editor (Appearance > Editor) or the editor of your choice, open up style.css and look for this spot:

   
   .boxgrid { 
   	width: 177px; 
   	height: 178px; 
   	float:left; 
   	overflow: hidden; 
   	position: relative; 
   	display: inline;
   	margin-left: 7px;
   	margin-right: 7px;
   	z-index: 1;
   }
   

2. Change the height here to the value you’re looking for. From the link you sent it looks like about 118 pixels tall.
3. Save your changes.
4. Next open up functions.php and find this line:

   
   add_image_size('featured-thumbnail', 178, 178, true);
   

5. Change the second 178 to the new height.
6. Save your changes.

That will change the featured row images’ height.

---

The home page slideshow is 960 pixels wide by 350 pixels tall.

If you need anything else, just let me know,
Bill

[Ben Coleman]

Thanks Bill! Actually, for the background image, I accidentally inserted it as “medium” rather than “full size.”

As always, great support, much appreciated.

Ben

[Alison Price]

Hello Bill,
I am using a slideshow of images in the background of our Foxy theme http://www.kyleradaker.com. The images (mostly the slideshow on the homepage) are a bit slow to load. I’ve sized the images to 2000 pixels w x 1500 high and resolution is 72 (8.58 m) and I think we have 5 in the slideshow. Any suggestions to tweak for optimal load time?

[Bill Robbins]

Alison,

One tool that I often use to reduce the size of my images is called Smush It. It can greatly reduce the size of images while still preserving their quality. Plus it’s free.

I’d suggest giving that a try,
Bill

[Author]

Posts