Executive Theme – Text Link Color

[hawaiiguy]

Hi, I need to darken up the teal (#4be0d4) colored links on the right side of my site to make them more readable:
http://manoa.hawaii.edu/ctahr/nutritionPhD/program-overview/

Below is the code from the CSS, but I don't see where it says, "link". Can someone tell me which code is for the link?

thank you.

------------------------------------------------------------------------------------------------------

/* Executive Pro Teal
--------------------------------------------- */

.executive-pro-teal a,
.executive-pro-teal .entry-title a:hover,
.executive-pro-teal .footer-widgets .entry-title a:hover {
color: #4be0d4;
}

.executive-pro-teal .genesis-nav-menu a {
color: #666;
}

.executive-pro-teal .entry-title a,
.executive-pro-teal .site-title a,
.executive-pro-teal .site-title a:hover,
.executive-pro-teal .site-footer a {
color: #222;
}

.executive-pro-teal .content .entry-header .entry-meta .entry-comments-link a,
.executive-pro-teal .footer-widgets .entry-title a,
.executive-pro-teal .genesis-nav-menu .current-menu-item > a,
.executive-pro-teal .genesis-nav-menu a:active,
.executive-pro-teal a.button {
color: #fff;
}

.executive-pro-teal .comment-header .comment-meta a,
.executive-pro-teal .comment-metadata a {
color: #bbb;
}

.executive-pro-teal .enews-widget input[type="submit"],
.executive-pro-teal .content .entry-header .entry-meta .entry-comments-link,
.executive-pro-teal .genesis-nav-menu .current-menu-item > a,
.executive-pro-teal .archive-pagination li a,
.executive-pro-teal a.button,
.executive-pro-teal button,
.executive-pro-teal input[type="button"],
.executive-pro-teal input[type="reset"],
.executive-pro-teal input[type="submit"] {
background-color: #4be0d4;
}

.executive-pro-teal .archive-pagination li a:hover,
.executive-pro-teal .archive-pagination li.active a,
.executive-pro-teal a:hover.button,
.executive-pro-teal button:hover,
.executive-pro-teal input:hover[type="button"],
.executive-pro-teal input:hover[type="reset"],
.executive-pro-teal input:hover[type="submit"] {
background-color: #50e9df;

http://manoa.hawaii.edu/ctahr/nutritionPhD/program-overview/

[jbergen]

Hi,

The hypertext links are given an "a" tag in HTML, so you would just need to change the color in the first portion of your CSS (found in style.css, line 2049):

.executive-pro-teal a,
.executive-pro-teal .entry-title a:hover,
.executive-pro-teal .footer-widgets .entry-title a:hover {
    color: #4be0d4; ***change this line***
}

However, if you want to only change the link color in the widget on the right side, you would need to write a more specific CSS rule for that. For example, you could add this to your child theme's style.css file:

 .menu-student-menu-container a {
	color: new-color-here;
}

I hope that helps!
Jamie

---

Jamie @ Ladebug Studios

[hawaiiguy]

Sweet, Jamie!
Perfect. Thanks.

[Author]

Posts