Save for Later
This guide was created with Scribe in
2 minutes.
Sign in and create your own!
Exercise 2: Add and Adjust Style for a Column Layout
In this exercise, we will take the column layout we made and adjust the column widths, change font size, text color, and background color.
Riley Skipper
|
0 step
|
2 minutes
Pantheonsite
1
Click "Edit"
Zoom Saved
2
Click in the paragraph section to pull up the settings box.
Zoom Saved
3
Now with the settings box pulled up, highlight the line of text and select bold.
Zoom Saved
4
Click the dropdown.
Zoom Saved
5
Choose "Text color".
Zoom Saved
6
I will choose red.
Zoom Saved
7
In the right hand tool bar with your text still selected, choose a font size.
Zoom Saved
8
I chose "Medium".
Zoom Saved
9
Using the settings box, click the highlighted icon, which selects the right side column.
Zoom Saved
10
Click the "Width" field in the right hand tool bar.
Zoom Saved
11
Change "PX" to "%".
Zoom Saved
12
Type "70" to equal "70%". Currently, the two columns are "50%" each.
Zoom Saved
13
Now selected the image and then the same icon for the left side column.
Zoom Saved
14
In the "Width" section of the right hand tool bar, change "PX" to "%".
Zoom Saved
15
Type "30" for "30%".
Zoom Saved
16
Now we will add a background color. Select the right side column once again.
Zoom Saved
17
In the right hand tool bar, expand "Color".
Zoom Saved
18
Select a color for "Background color". I chose Golden Yellow.
Zoom Saved
19
Click "Post" in the tabs section.
Zoom Saved
20
Enter the "Revision log message".
Zoom Saved
Have something to say?
Create an account to leave messages for the author to see!
Create an account
Feedback
This Scribe is in tip-top shape!
Leave feedback if there are any issues with this Scribe