Easy way to change hyperlink colors in Genesis framework
Easy way to change hyperlink colors in Genesis framework
In our genesis framework tutorial series, here is a step by step guide to change link colors in the child theme with very few changes in the stylesheet.
Many Genesis themes give you color style selection inbuilt but serenity, lifestyle themes, News child themes and other studiopress themes don’t give any of this options.
Step by step guide to change link color in Genesis framework child themes:
From your left sidebar menu of the wordpress dashboard, go to “Appearance”.
Select last option “Editor”
In your right hand side you can see
select theme to edit
go to the last edit option: style.css
By pressing CTRL+F, search for “Hyperlink”. Same as seen in the image below. You can see visited color: #8B0000; ..and hoover color#. Change it according to your wish. You can find color number
You can change Navbar link by searching “#nav li a” and
“#nav li li a, #nav li li a:link, #nav li li a:visited ” and change color#. It will help you to change navbar link color and navigation dropdown links color.
To change sub nav bar (subnavigation bar) link search for”#subnav li a” and
“subnav li li a, #subnav li li a:link, #subnav li li a:visited ” and change the color.
Nav.li is homelinks. Nac.li li is dropdown links of the navigation bar. Same as in subnav.li is subnavigation bar links and subnav.li li is dropdown links of the sunavigation bar links.
To change sidebar links, search for “#sidebar li a,” code and change color: #
You can change Website’s title links directly from the “Appearance”
New genesis framework themes have different code for links:
For hexadecimal code (#000000; etc)..menu-primary li a,
.menu-primary li a:active,
.menu-primary li a:hover {
color: #000;
}.menu-secondary li a,
.menu-secondary li a:active,
.menu-secondary li a:hover {
color: #000;
Check our other genesis tutorials:
Change genesis footer links with simple edits plugin.
Change genesis footer links with Simple hook plugin.
Genesis theme option disappeared from dashboard? get solution.
