Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery...

32
Step 11 – Part 3a – Gallery Options. Click on one of the Gallery Photos and then see the Edit Options, which I will do after the other option. When it is open, click on it again and next is the change.

Transcript of Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery...

Page 1: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

Step 11 – Part 3a – Gallery Options.

• Click on one of the Gallery Photos and then see the Edit Options, which I will do after the other option. When it is open, click on it again and next is the change.

Page 2: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• You then see Link, Caption, Delete. It is a different layout, but it is the same process as Slideshow.

• Next is a sample again of clicking on Caption and type in Text, like Wedding.

Page 3: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• When you click on Caption, a new window opens and type in Text, like Wedding. Once complete, click on Done and the window closes and you don’t see the Caption. I will show you later how to see it.

• Next is back to Edit Options. You click above on Navigation and then click on a picture. Next is the Edit Options.

Page 4: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

Edit Options.

• Add Images allows you to add one or more pictures.

• Next is Columns.

Page 5: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

Edit Options.

• The default is 3 Columns.

• You can click on – left and it changes it to 2 vs. 3.

• You can click on + right and it changes to 4, 5, or 6 vs. 3.

• Next is a sample of 4.

Page 6: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Here is a sample of 4, which is good.

• Next is Spacing. Note – I changed it back to 3.

Page 7: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

Edit Options.

• Spacing is the similar as I showed you in Slideshow.

• Next is what happens when you click on Spacing.

Page 8: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Page changes and you see Top Margin and Bottom Margin.

• You can click on – either one to reduce the Spacing.

• You can click on + either one to increase the Spacing.

• I like doing it to O on each one.

• Next is a sample.

Page 9: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Here is a sample. It looks better. Click on < to go back to the other options.

• Next is what happens and it explains Caption.

Page 10: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• When you add a Caption as I showed how to do it before, you can make changes.

• As I mentioned before, when you add a Caption, you don’t see in on the Build page, but you can see it when it is published.

• Next is a sample when you publish.

Page 11: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Here is a sample when you publish and go to the page with Gallery and click on a Picture, it shows much larger and you see the Wedding caption at the bottom. Next is how to make changes, which it better. Note – when you hover this picture is shows < on the left and > on the right. When you click on them, it shows the other pictures.

Page 12: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Next is what happens when you click on Caption.

Page 13: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Page changes to Caption.

• You see two options.

• I recommend you first on the Icon on the right of Display Caption On Hover and it turns it On.

• Next is what happens.

Page 14: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• You see it On.

• Latter I will show what happens when you hover over when you Publish.

• Click on Thumbnail and next is what happens.

Page 15: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Page changes to Thumbnail.

• Lightbox Only is default. When you Publish and hover over it does not show the caption. That’s why you have to click on one of the other options.

• I recommend clicking on the second one, but I will also show you the third one.

• Next is what happens when you click on the second one.

Page 16: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• When you click on the second one, it shows it checked.

• Next is what happens when you Publish and Hover Over a Picture with Caption.

• Note – sometimes it also works when you do that in the Build page.

Page 17: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• When you Publish and go the page with the Gallery and Hover Over a Picture with Caption, you see Wedding, which is good. Next is what happens when you click on the Third Option.

Page 18: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• When you click on the Third one, it shows it checked.

• When you Publish and Hover Over a Picture with Caption, you see it Full.

• Note – sometimes it also works when you do that in the Build page.

• Next is a sample in the Build page.

Page 19: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• When you Hover Over a Picture with Caption in the Build page, you see full background and the Caption in the Middle.

• I like the second one better then the third one.

• You then click on Theme again to change the Caption.

• Next is what happens again when you click on Theme.

Page 20: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• When you click on Theme, click on Change Fonts again.

• Next is to change Gallery Caption.

Page 21: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• You click on Gallery Captions and follow the same process as I showed you in Step 6.

• Next is a sample of making changes.

Page 22: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Here is a sample of changing Font to Lemon, Italic & Bold, and Size 30. First click on an image again and next is Advanced options.

Page 23: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Click on Advanced.

• Next is what happens with the options.

Page 24: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Page changes to Advanced.

• You see 3 options.

• One is to change Images Spacing.

• Second is Border.

• Third is Image Ratio.

• As I showed you before, you can click on – to reduce the space and click on + to increase the space.

• Next is a sample of reduce the space.

Page 25: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Here is a sample of reduce the space to O and you see all the images together. Next is about Border.

Page 26: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Next is what happens when you click on Border.

Page 27: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Page changes to Border.

• None is the default.

• You see 3 other options.

• Next is what happens when you click on Thick.

Page 28: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• When you click on Thick, you see frames around each image. Click on < to go back to Advanced, which is next.

Page 29: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Last one is Image Ratio. Click on it and next is what happens.

Page 30: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• Page changes to Image Ratio.

• Rectangle is the default.

• You see 2 other options.

• I will show you what happens on both options.

• First is what happens when you click on None.

Page 31: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• When you click on None, you see the size of images different. Next is what happens when you click on Square.

Page 32: Gallery Options. Click on one of the Gallery Photos and ... · Step 11 –Part 3a –Gallery Options. •Click on one of the Gallery Photos and then see the Edit Options, which I

• When you click on Square, the images are larger.

• This is the End of Step 11 – Part 3a.