Home page can't keep slideshow large and position photos around it

mrhoni

My goal was to keep the slideshow large, but when I have special events I want to put on the home page I want to place them very specific. Maybe slide the slideshow over to the left and have clickable photos going down the right side

What keeps happening if I play with the container width is that I change one and the other change. Dragging to positions and then the container sizes of the others change.

For example, I change an image to a 10% container size and place it to the right of the slideshow. Slideshow container is no 90%. When I try similar with another image and then try to place it below the first image, I don't seem to be able to place it properly and then it goes in the wrong place and all containers size change.

Also I notice that the slideshow I never could make the slideshow larger. I have auto height on and when I turned it off, the slideshow got very large, but then is too large for the browser window. I see why I originally selected auto height.

mrhoni

No help?
I keep trying, but just can't get something that looks right or I can position just as I want.

denisegoldberg

I would say that controlling the container size is very "fiddly". I think I saw the same thing that you describe. Every time I change an element that is side-by-side with another element the dimensions flip back to 50% for each, not helpful at all. I was also not able to stack two images.

After fighting with the UI for a bit I tried using an HTML content element next to a photo content element. I set the width of the HTML element to 20% and the width of the single photo element to 80%. (You should be able to do the same thing with a slideshow element.)

I used <img src= HTML statement to show photos in the narrower section of the page. Here's the code I used (obviously you will need to grab the URLs for your photos, just wanted to include an example):

<img src="http://www.denisegoldberg.com/GardensFlowersThings/Tower-Hill-Botanic-Garden-2014/i-sV4gP2j/0/S/201405_7D_1545L-S.jpg" alt="tulips" />
<br /><br />
<img src="http://www.denisegoldberg.com/GardensFlowersThings/Tower-Hill-Botanic-Garden-2014/i-w2zp8WB/0/S/201405_7D_1544L-S.jpg" alt="tulips" />

The content element on the right is just a single photo element.

Here's the end result:

I think it's really a shame that it isn't easy to position photos on a page and have them retain both placement and size. But - I believe that using code for part of the page can work for you.

--- Denise

mrhoni

Thanks for the reply. I tried something with HTML but was not successful. I think your large size image is not a slideshow, which is what I'm using and don't think I can do what you are describing. I finally stumbled upon Sidebars. I think I found something in the forum that mentioned them, but couldn't find any details in Smugmug help, if it is true I was searching for Sidebars. I added a left and right sidebar of the same widths to keep the slideshow positioned into the center.

I'm not thrilled with the look but it seems better than it was.