BigInScience

Hello everybody: Just solved the answer to my question. Here is the code I used: body #page-body-wrapper h2 a:link, body #page-footer-wrapper h2 a:link, body #page-body-wrapper h2 a:visited, body #page-footer-wrapper h2 a:visited { color: #0c08c1 ;} body #page-body-wrapper h2 a:hover, body #page-footer-wrapper h2 a:hover, body #page-body-wrapper h2 a:active, body #page-footer-wrapper h2 a:active { color: #fc8002;} body #page-body-wrapper h3, body #page-footer-wrapper h3 { color: #0c08c1;} body #page-body-wrapper h3 a:link, body #page-footer-wrapper h3 a:link, body #page-body-wrapper h3 a:visited, body #page-footer-wrapper h3 a:visited { color: #fc8002;} body #page-body-wrapper h3 a:hover, body #page-footer-wrapper h3 a:hover, body #page-body-wrapper h3 a:active, body #page-footer-wrapper h3 a:active { color: #0c08c1;}

Hello, My website is BigInScience.com, and I'd like to make H2 & H3 heading hyperlinks the same in appearance as regular text hyperlinks. Specifically, my links appear blue (#0c08c1) and turn orange (#fc8002) when hovered over and active. I'd like H2 & H3 heading hyperlinks to appears the same. Here are a couple of CSS codes I've tried unsuccessfully: // Attempt 1 h2 a:link {color:#0c08c1;} h2 a:visited {color:#0c08c1;} h2 a:hover {color:#fc8002;} h2 a:active {color:#fc8002;} h3 a:link {color:#0c08c1;} h3 a:visited {color:#0c08c1;} h3 a:hover {color:#fc8002;} h3 a:active {color:#fc8002;} //Attempt 2 #content h2 a:link {color:#0c08c1;} #content h2 a:visited {color:#0c08c1;} #content h2 a:hover {color:#fc8002;} #content h2 a:active {color:#fc8002;} #content h3 a:link {color:#0c08c1;} #content h3 a:visited {color:#0c08c1;} #content h3 a:hover {color:#fc8002;} #content h3 a:active {color:#fc8002;} Any help would be much appreciated! Thank you, Brian