Help with SmugMug home page.

photoguy6233

I am currently using the free trial for SmugMug and I want to know if this is possible. I want to eliminate the "box" around my image on the homepage and allow my image to be full size, which is the same width as my header. http://markcoffmanphotography.smugmug.com. Please help.

Thanks in advance!!

jfriend

To eliminate the box, add this CSS to your advanced customization:

#bioBox, #bioBox .boxBottom {background: none; border: none !important;}

To make the slideshow larger, increase the numbers in this line in your bio:

SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');

The first number is the width, the second the height.

FYI, if you're only going to show one image, then using a slideshow is not the best way. You'd be much better off just inserting a single image tag:



than using a slideshow.

photoguy6233

jfriend wrote: »

To eliminate the box, add this CSS to your advanced customization:

#bioBox, #bioBox .boxBottom {background: none; border: none !important;}

To make the slideshow larger, increase the numbers in this line in your bio:

SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');

The first number is the width, the second the height.

FYI, if you're only going to show one image, then using a slideshow is not the best way. You'd be much better off just inserting a single image tag:

<img src="direct link to your image here">

than using a slideshow.

Thanks a lot for the help! It is not quite there yet. The background of the box is gone but there is still a think black border showing and the slideshow is not centered. I will eventually put some more photos in for the slideshow. Can you help further? Thanks!

jfriend

photoguy6233 wrote: »

Thanks a lot for the help! It is not quite there yet. The background of the box is gone but there is still a think black border showing and the slideshow is not centered. I will eventually put some more photos in for the slideshow. Can you help further? Thanks!

If you use the CSS I recommended in my previous post, the border will disappear. You left out parts of it.

Since you've made the slideshow wider, you have to increase the width of the container so that the slideshow will fit and can be centered. Add this CSS:

#homepage {width: 900px;}

photoguy6233

jfriend wrote: »

If you use the CSS I recommended in my previous post, the border will disappear. You left out parts of it.

Since you've made the slideshow wider, you have to increase the width of the container so that the slideshow will fit and can be centered. Add this CSS:

#homepage {width: 900px;}

Looks great! I put the code in as you had before and it didn't do anything so I played with it and got it to take the background off. This time it worked though. I must not have done something right the first time. Thanks a lot! I appreciate it!