Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Now that our text is coming along in our sidebar, let's go ahead and create some custom styles to really see some of the power behind the iBooks Author. In order to work with our styles, we want to make sure that we have our Styles sidebar out. So if you don't have it, go ahead and click on the button here in your toolbar and make sure that it brings out to the side. Next, we'll go ahead and create a custom style for our first paragraph of text here. This is going to be our sidebar description. So I'll click one time on the Sidebar and then click one time to have my cursor appear inside of the first paragraph of text.
I don't have to have the entire paragraph of text; I just need to have my cursor somewhere inside of that paragraph. Then if we look over in our Paragraphs Styles sidebar, we can click the dropdown menu next to Objectives 2. The default styling for this text is automatically selected. It's got a red dropdown menu, indicating that there is a style mismatch. If we click that dropdown menu, we can then choose to create a new paragraph style from the selection. We'll go ahead and choose that option, and for the Paragraph Style, we'll call it our Sidebar Description.
We'll then click the OK button to create a brand-new paragraph style. To see how we would use this paragraph style, we can simply click into the next section, click your mouse on the text box, and then click one time to drop your cursor somewhere inside of the first paragraph. Then simply scroll down in your Paragraph Styles until you find your Sidebar Description and click one time on it. The Sidebar Description style is automatically applied. Let's go back to Section 1 and let's create a style for our list.
Now with our List Style, there's two types of styles that are being applied here. One is the style that's being applied just to the list itself, and the second is a paragraph style describing all of these paragraphs together as a grouping. Let me show you what I mean. Go ahead and click and drag a selection to select your entire list. You'll notice then over on your selection sidebar, there is two red arrows: one for the List Style which is Bullet, and the other for the Paragraph Style which is Objective 2.
Let's begin down at the bottom with the List Style. Click the red arrow and select Create List Style from Selection. When we do that, we'll get a sheet that we'll pull down, and we're going to call this our Sidebar Bullet List. We'll go ahead and click OK and a new Sidebar Bullet List is created. Notice that there is our custom star icon that's already been applied. But when we look up at the top for our Paragraph Styles, we can see that Objective 2 still has its red arrow.
So we'll go ahead and click the dropdown menu for the red arrow and create a new paragraph style from that selection as well. Now we're going to call this one our Sidebar List Paragraph. We'll go ahead and click OK and that new paragraph style has been created. Now, how do these two work in concert with each other? Well, let's say we've got the paragraphs aligned here, but we would like to tighten up the spacing that shows up in between the paragraphs. With all of those paragraphs selected, we can come up to our Formatting menu and under this option, instead of having our Line Spacing set at 1.1, let's go ahead and set it down to 0.8. That tightens up the line spacing, and if we notice in our sidebar over here that our Sidebar List Paragraphs has the red arrow indicating that we've changed the paragraph style, but we've not changed our Sidebar Bullet List.
So we'll go ahead and click the dropdown menu here and Redefine Style from Selection, and now our selection has that new line spacing applied to it. Let's go ahead and apply that line spacing to the next section. We'll go ahead and click in the next section, we'll click once on the text box to select it, then we'll click our mouse inside and then click and drag a selection over top of all the text. We can then simply come up to the top, scroll down to our Paragraph Style, and select Sidebar List Paragraph. We'll click one time on that and we'll apply both styles at one time.
Here, we've applied the paragraph style which has things like the line spacing between the paragraphs, and because that paragraph style had the list style applied within it, we're also getting our Sidebar Bullet List parameters as well. Let's go back to Section 1 and let's deal with our bottom sidebar details. Go ahead and click inside the text box, then click once in front, and then click and drag to select all of the details. We'll notice that once again, we have a mismatch of our styles.
So we'll click the red dropdown menu for Objective 2, and we're going to create a new paragraph style, and we're going to call this our Sidebar Details, and click OK. Now with our Sidebar Details style created, we can go ahead and select all of that text and apply a change that will affect our style. So we can come up here to the top and change the Line Spacing from say down from 1.1 down to 0.6. That will tighten up the line spacing in between those items.
Now, it would be even better if we had some differentiation between our labels and the text description for those labels in our Details section. So to do this, we use a character style. So select the first label, which is Tour Difficulty:-- and don't forget to include the colon. And then we'll go up to the top and we'll simply change the color of that text. We'll click on the color swatch, we'll click on the color changer, and then we'll select maybe this nice red color. With that whole line still selected, you'll notice that we have a character style mismatch.
We can click the dropdown menu here and create a new character style from this selection. A character style allows us to control text within another style. So now we'll set the name of this character style to Sidebar Details Label, and we'll go ahead and click OK. Now we can apply that character style to the other labels within our Sidebar Details section. So we'll go ahead and select the next one, scroll down, apply the Sidebar Label Details, and repeat that for the other detail labels.
Now let's go ahead and apply these styles to Section 2. We'll go ahead and click on Section 2 and then we'll click one time in our text box, then click a second time to drop our cursor at the end of the text, and then click and drag to select the entire Details section. We'll then come up to the Paragraph Styles, scroll down until we find our Sidebar Details, click once on that to apply that style. Now it looks like our line spacing didn't apply, so we'll need to make sure that our line spacing is set correctly. So we'll click the dropdown menu here, we'll change it back to 0.6, and now with our Sidebar detail mismatch, we'll click the dropdown and Redefine from Selection.
That will make sure that our first paragraph is still set correctly. Now we'll go ahead and apply the character style to each of our labels. So we'll click inside of the text box and then select our first label and then go ahead and apply our Sidebar labels. Now here's where the power of using these character styles really comes into play. If all of a sudden we decide that we don't like the red color on all of these labels, we don't need to go back and reapply a color change independently to every single one of these labels.
We can simply click inside any one of the labels, then we can go up to our color picker and change the color to maybe this darker gray color. We'll see that we have a character style mismatch. We can click the dropdown menu and choose the Redefine Style from Selection. And now instantly, all of our labels on both of our pages are now redefined to use that new color and that new style. Now after we've applied all of these different styles, our text is looking pretty good, but if we compare the Channel Islands Excursion text with our Big Sur Retreat text, you'll notice that there is a difference here. In the Big Sur Retreat text, remember we added an offset for our text box and applied it so that doesn't show up right against the edge of the text? But when we go on to the Channel Islands Excursion, that offset didn't get applied.
That's because the offset is applied to the entire text box, not to an individual paragraph style, character style, or list style. So in order to address that, let's go back to the Big Sur Section 1, click one time on our text box, and bring up the Inspector. We'll then change our Inset Margin from 5 points back down to 0. We'll then click to deselect the text box. We'll then go back up to the top and pull down our layouts and go into the Section Back Pack Layout. We'll then click once on the text box, and now we'll set our Inset Margin.
Let's go ahead and set our Inset Margin back up to 5 points. That will bring the text just off of the edges of the box all the way around. We can then apply the changes and then go down and look and see how it looks. We'll go ahead and move our sidebar back up and our Big Sur text box has the Inset Margin applied, and so does our Channel Island sidebar. Go ahead and apply all of these styles to the rest of the sections inside of this chapter. By using character styles, list styles, and paragraph styles to control the formatting of your documents inside of iBooks Author, you'll save yourself a lot of time when you have to format an entire book and make everything look seamless and work together.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 49691 Viewers
117 Video lessons · 36965 Viewers
113 Video lessons · 81092 Viewers
65 Video lessons · 10283 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.