Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Let's take a look at how we can customize our layout using the Color Palette in the Appearance panels. We'll I've created this custom identity plate here and it has a black background. And I have a problem with this, right? Because my web gallery, it has a dark grey background, therefore this identity plate, it just looks kind of squished or awkward. So in order to fix this I want to change the background color of my gallery. We can make changes like that in our Color Palette panel. But notice we have a number of different options. I'll go down to Background and I'll go ahead and just select a black background.
Now that I do that, this looks a little bit more fitting, a bit more open. We can also change other elements here. You can see that you can change the cell color background. If you wanted to remove that, say, go to black. Well, you could just choose that option. Here, I'm going to choose my same background color. And now it looks like that has disappeared. I can always Undo any of these changes by pressing Cmd or Ctrl+Z. That will Undo my last change and bring it back to the way that it was.
There are other elements as well you'll want to scroll around a little bit so you can see those. Let's say that we want to bring a little color into the text perhaps a nice blue. We'll click on that color chip, and then go ahead and make a selection of a color. Perhaps something like this. Adding a little bit of a nice Hue down there to that to try to highlight those elements so people notice them. Well next, let's see what else we can do in regards to making changes here. We could of course use any of these fields to make changes, or, we could make more drastic changes by going to the Appearance panel.
Now, the Appearance panel is actually kind of fun. Let's take a look at some of these settings. We can choose to have Drop Shadows behind our photos with this particular gallery. We can turn that option on or off. We can change the Borders here, we could remove those boarders. We can also change this overall Grid, we can make this grid bigger. Here as I do that, you can see I have more images, or we can make it taller. And you can change this based on your own needs or the desire that you have, the way that you want to display this.
If the numbers are distracting there, we'll get rid of them, by clicking on the show numbers icon. You can change the photo borders as well. And then for the image pages, you'll notice there's a little warning icon. If I make a change here, say to my photo borders, and I increase the width, I don't see anything. Well this warning icon is telling us that in order to make that change we have to go to a different view. And so in order to go to that other view, let's go ahead and select another image and then click on it. And it will take us to this page view where we can see one image at a time. Now, as I change the width of the border, we're going to see that is updated here. I can also change the width of these pages, making it smaller or increasing the size making it larger.
You can see that we can customize that, and then click through our photograph to see how this looks. Now, as we see this in this large view, what we're seeing is this big gray background color. Perhaps we've decided we want to darken that. No big deal, you know where to go, right? You go back to your Color Palette panel, and then make the change for this Detail Matte color. And here, we'll just darken this up a little bit to a darker grey. Make something a little bit more dense there. And perhaps this edge, well, we don't really like that.
We don't like that grid line. Well, we can change that or remove that. We could go ahead and use something that is nice and dark. Perhaps something deep and black, and we could take that off in its entirety so that now it's gone. If we go back to the Index view, we'll see that those grid lines are gone as well. It just goes to that background color. So as you can see you can use these Color Palette and Appearance panels in order to have a lot of freedom and flexibility to customize your web gallery. So that it suits your own visual aesthetic and needs.
Get unlimited access to all courses for just $25/month.Become a member
164 Video lessons · 50064 Viewers
64 Video lessons · 84824 Viewers
86 Video lessons · 54582 Viewers
148 Video lessons · 91664 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.