Join Gini von Courter for an in-depth discussion in this video Modifying a composed look, part of SharePoint Designer 2013: Branding SharePoint Sites.
- View Offline
I can modify a composed look to pick up elements of another look that I prefer or to add a background. For example, if I wanted to have orange chrome on this green background, I could do that. I would choose nature in order to have this background and then change too some of the colors and fonts of sea monster. The way you do that is you choose your composed look, I'm going to click on current because that's the look that we've chosen already.
If I want to choose a different color palette, I simply choose it here. There's nothing to remind you which one you had before so you might want to make a note of it. I can change my fonts in the same way, the default fonts for this composed look were Segoe UI Light, for both my headings and my body font. If I wanted to have some kind of a sera font for my headings like Bodoni book, I can simply choose that. Notice its reflected in the preview. Again, there's no undo here.
I can throw away all my changes but I can't simply say, "Well, return to the fonts that I had a moment ago." So you'll want to make a note of which fonts you're using. Site layout is actually the master page, it doesn't say that but that's what it is and there are two of them that are available to me here. With Seattle what I have is a lot of room for content but also room on the left here for a quick launch. Here's may navigation one, two, and three in my page title. If I choose Oslo, the other master page, I don't have that navigation one, two, and three.
I have first menu item, second menu item, and so on. I have a lot more room for content because there is a quick launch here. I'm going to return to Seattle however and retain that. Finally, I can choose to put an image in the background like the sea monster or the flora that we saw in the other composed looks. Or if I had that here, I could remove it so you click remove to remove an image or you click change to choose a new image. I'm going to browse and go to the exercise files if you have access to the exercise file folder.
We're going out to the graphics folder and I'm going to choose the kineteco logo. Now, I'd actually like to show the preview pane so I can see which one I'm choosing because there are some other choices here like a dot board or that I might want or panels but we're going to choose this version of the kineteco's sun and windmill logo and I'm going to click open, and click okay. Notice, that I get a semi-transparent logo here in the background.
It actually looks nice. I'm going to try this out. Check out the modifications that I've made. See if I like them and we know what to do here, if we like it we say, yes keep it. If we don't, we say not quite there. I like it just fine so I'm going to choose yes keep it. Let's go home on the solar site. These are the basics of what we can do with our browser based branding choices. I can use the composed looks that already exist. I can switch master pages and I can insert background logos.
- Creating a new site
- Creating and editing pages
- Publishing a site
- Working with composed looks
- Modifying site navigation
- Adding images and video to your SharePoint site
- Customizing composed looks
- Creating master pages from HTML designs
- Using the Snippet Gallery