Adjusting the Section Title
In a Digication portfolio, a section title is the larger text at the top of the left navigation module that informs the reader of what portfolio section they are in. If you are using buttons for navigation (see Making Button Links), you may find that the section title doesn't fit with the style of your buttons. Even if you are not using buttons for navigation, you may choose to give your section title a style that differs from the left navigation page links in order to draw attention to it and separate it from the navigation panel.
|
How to Adjust the Section Title
First, you will need to change any .navigation_leftnav a methods to .navigation_leftnav ul li a. This changes these methods so that they affect the page links but will not overwrite your section title code. Now add a new .navigation_leftnav a method.
As you style your section title, you will have to add !important to any statement that contradicts a statement in your .navigation_leftnav ul li a method. For example, take the following methods:
.navigation_leftnav a{
font-size:0px;
color:#222222;
}
.navigation_leftnav ul li a{
font-size:13px;
color:#222222;
}
Because these methods have different font-size statements, you will need to add !important to both of them, like so:
.navigation_leftnav a{
font-size:0px!important;
color:#222222;
}
.navigation_leftnav ul li a{
font-size:13px!important;
color:#222222;
}
Remember that !important goes after the value, but inside the semicolon.
First, you will need to change any .navigation_leftnav a methods to .navigation_leftnav ul li a. This changes these methods so that they affect the page links but will not overwrite your section title code. Now add a new .navigation_leftnav a method.
As you style your section title, you will have to add !important to any statement that contradicts a statement in your .navigation_leftnav ul li a method. For example, take the following methods:
.navigation_leftnav a{
font-size:0px;
color:#222222;
}
.navigation_leftnav ul li a{
font-size:13px;
color:#222222;
}
Because these methods have different font-size statements, you will need to add !important to both of them, like so:
.navigation_leftnav a{
font-size:0px!important;
color:#222222;
}
.navigation_leftnav ul li a{
font-size:13px!important;
color:#222222;
}
Remember that !important goes after the value, but inside the semicolon.
Video Tutorial
For a video tutorial on how to adjust the section title, check out the CUPID Associates video below:
For a video tutorial on how to adjust the section title, check out the CUPID Associates video below: