Hi there!
In this video we’re going to format the table we created in the last lesson, so let’s get started.
We’re going to start with the header, so let’s select it, and change the font to
‘Raleway Bold.’
Let’s now select the entire cell by clicking, holding, and moving the cursor down.
Once the cell is selected, change its color to blue.
Since the background is dark, and so is the text color, let’s change the text color
to white, for it to be visible.
I think the blue background needs a little bit of updating, so let’s select the cell,
and go to fill, and reduce the opacity to about 84 percent.
Let’s select the cell once again, and change the vertical alignment to center, from the toolbar above.
Perfect!
Now that I have styled my text, let’s go to window, and then styles, and select paragraph styles.
Click the small plus button at the bottom of the paragraph styles panel to create a
new paragraph style, and rename it ‘header.’
Next, we need to create a cell style, and for that, let’s go to window, and then styles,
and select ‘cell styles.’
Let’s set the panel aside.
With the cell still selected, let’s click the small plus button at the bottom of the
cell styles panel to create a new cell style, and rename it ‘header cell.’
Now double-click the new cell style, and in the general tab, update the paragraph styles
to ‘header’, so what this does is, along with the cell styles, it will also incorporate
the paragraph styles, we made a minute ago.
Let’s move to ‘strokes and fills’ tab, and change the stroke color to the same blue
we chose to fill the cell, and set the ‘tint’ to 10 percent, and then hit okay.
So now our cell has the paragraph styles, as well as the cell styles applied to it,
so let’s select the rest of the header, and then click the ‘header cell’ style
to apply the styles to the rest of the header, and the entire header should now be styled.
I think I need to reduce the font size of the header, so let’s select the entire header,
and then double-click the ‘header’ paragraph style.
Move to the ‘basic character formats’ tab, and update the font size to 8 points,
and hit okay.
Similarly, we need to style the body text as well, so let’s select the first cell
of the body text.
Let’s update the font to ‘Raleway Medium’, and then center align it vertically.
Also, reduce the font size to 8 points.
Now with the cell still selected, click the small plus button at the bottom of the paragraph
styles panel to create a new paragraph style, and rename it ‘body text.’
We will also need to create a cell style, much like we did with the header, so with
the cell still selected, click the small plus button at the bottom of the cell styles panel
to create a new cell style.
Double-click the new style, and rename it ‘body cell.’
From the ‘paragraph styles’ dropdown, select ‘body text’ paragraph style that
you’ve just created.
Move to the ’strokes and fills’ tab, and change the stroke color to the same blue we’ve
been using in this lesson so far, and update the tint to 10 percent, and hit okay.
Now when you click aside, you’ll find how the cell looks after styling.
So let’s select a few rows, and then click the ‘body cell’ cell style, and you shall
find it inheriting the style immediately.
At this point only those body cells are styled that we manually selected, so to style the
entire table, let’s create a table style.
Click the small plus button at the bottom of the table styles panel to create a new style.
Double-click the new style, and rename it ‘income and expenses.’
In the cell styles option, from the ‘header rows’ dropdown, select ‘header cell’
that we created for the header, and from the ‘body rows’ dropdown, select ‘body cell’,
that we created for the body text, and hit okay.
Now select the type tool, and take your cursor to the top left corner of the table, until
it turns to a black bold diagonal arrow.
Click once to select the entire table, and then click the ‘income and expenses’ table
style that you just created, and the entire table should now be formatted as per the styles we created.
One last thing to talk about is the shading, so let’s double-click the ‘income and
expenses’ table style, and move to the ‘fills’ tab.
From the ‘alternating pattern’ dropdown, select ‘every other row’, and you shall
find every alternate row to have shading.
If you don’t want the first row of the body text to have the shading, in the ‘skip first’
option, update the rows to 1, and it shall skip the first row.
If you want a shade of a different color, change the color from the color dropdown,
and the color will be updated.
You can even update the opacity of the color, so let’s change it to 10 percent.
At this point, the next row is set to none, which is why it is white, so let’s change
it to black, and then update the opacity to 10 percent, and this is how it looks, so you
can change it to any other color of your choice, or just let it remain white, so I’m going
to change it back to none, and then you can always change the pattern from here, should
you want to.
‘Every second row’, will give you this look.
‘Every other column’ will look something like this, which can further be customized
as per the color scheme of your choice, so play with the settings, and format the table
as per your needs, and you shall be amazed at the awesomeness of the styles.
Alight guys!
That concludes our session, and this unit as well, so I’m going to see you in the
next one in just a bit.
Good bye!