This may be accomplished one of two ways; either through the Options panel or with CSS:
Options Panel: If you're attempting to change the color only, the color may be changed by the following: Salient Options -> Accent Colors -> Accent Color
If you're attempting to change the font style, this may be done by the following: Salient Options -> Typography -> Navigation & Page Header
CSS: CSS should be entered either the Salient Options panel (General Settings -> CSS/Script Related) or in the CSS Page/Post Specific location (Top Right Corner) when viewing the Element Page Viewer within the Post/Page frame.
This CSS accomplishes the following: - Change Active link to Red - Change Font Family - Change Hover link to White - Change Font Family
header#top .sf-menu li ul li a {
color: #ff0000 !important;
font-family: 'chunkfiveroman';
}
header#top .sf-menu li ul li a:hover {
color: #CCCCCC !important;
font-family: 'chunkfiveroman';
}
I should note, any font that isn't included in the webkit will need be uploaded to the theme directory and linked appropriately within the CSS file, such as:
Where can I change the color of the text in the drop down menu?
Thanks
Greetings.
This may be accomplished one of two ways; either through the Options panel or with CSS:
Options Panel:
If you're attempting to change the color only, the color may be changed by the following:
Salient Options -> Accent Colors -> Accent Color
If you're attempting to change the font style, this may be done by the following:
Salient Options -> Typography -> Navigation & Page Header
CSS:
CSS should be entered either the Salient Options panel (General Settings -> CSS/Script Related) or in the CSS Page/Post Specific location (Top Right Corner) when viewing the Element Page Viewer within the Post/Page frame.
This CSS accomplishes the following:
- Change Active link to Red
- Change Font Family
- Change Hover link to White
- Change Font Family
I should note, any font that isn't included in the webkit will need be uploaded to the theme directory and linked appropriately within the CSS file, such as:
Thanks Oryan!
Thanks Oryan,
Hope this was satisfactory wolfgang. Please be sure to reach in incase you encounter another issue.
Hope this helps,
Regards