I have a site www dot fireplacesa-z.com and I need help changing the hyperlink color. I have tried changing it, I thought it was this code: a.class1:link {font-family:Verdana; font-size:10pt;color:blue;text-decoration:underline;} I changed the blue to my #B22222 color that I would like my hyperlinks to be but it didn't work. I can't figure out how to do it and have tried several things. I am not used to this type of css so I am not familiar. Any help would be greatly appreciated.
This is what I found, if this is not the correct css then please paste yours so we can see what we are working with... BODY{MARGIN-LEFT: 0px;MARGIN-RIGHT: 0px;MARGIN-TOP: 10px;MARGIN-BOTTOM: 10px;BACKGROUND-COLOR: #DADADA;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;} TABLE.XSP_OUTLINE{HEIGHT: 100%;WIDTH: 755px;} TD.XSP_HEADER_PANEL{BACKGROUND-COLOR: #FFFFFF; WIDTH: 755px;HEIGHT: 1px;TEXT-ALIGN: left;} TD.XSP_HEADER_PANEL TABLE{} TD.XSP_LEFT_PANEL_SPC{VERTICAL-ALIGN: top;TEXT-ALIGN: left;WIDTH: 0px; BACKGROUND-COLOR: #FFFFFF;PADDING: 0px;} TD.XSP_LEFT_PANEL, TD.XSP_LEFT_PANEL_2{VERTICAL-ALIGN: top;TEXT-ALIGN: left;HEIGHT: 1px; WIDTH: 0px; BACKGROUND-COLOR: #FFFFFF;PADDING: 0px;} TD.XSP_LEFT_PANEL_2{background-position: bottom left;} DIV.XSP_LEFT_PANEL{VERTICAL-ALIGN: top;TEXT-ALIGN: left;WIDTH: 100%; FONT-SIZE: 10pt; COLOR: #467AA7; FONT-FAMILY: Verdana, Sans-Serif; PADDING: 0px;} DIV.XSP_LEFT_PANEL table{FONT-SIZE: 10pt; COLOR: #467AA7; FONT-FAMILY: Verdana, Sans-Serif;} TD.XSP_CENTER_PANEL{VERTICAL-ALIGN: top;WIDTH: 625px; BACKGROUND-COLOR: #FFFFFF;} TD.XSP_CENTER_PANEL_NR{VERTICAL-ALIGN: top;WIDTH: 755px; BACKGROUND-COLOR: #FFFFFF;} TABLE.XSP_CENTER_PANEL{HEIGHT: 100%;WIDTH: 100%;} TD.XSP_MAIN_PANEL{VERTICAL-ALIGN: top;TEXT-ALIGN: left;WIDTH: 100%;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;PADDING: 10px;} TD.XSP_MAIN_PANEL TABLE{FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;} TD.XSP_MAIN_PANEL_FOOTER{VERTICAL-ALIGN: top;TEXT-ALIGN: left;HEIGHT: 20px; BACKGROUND-COLOR: #FFFFFF; WIDTH: 100%; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;PADDING: 5px 5px;} TD.XSP_MAIN_PANEL_FOOTER TABLE{FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;} TD.XSP_MAIN_PANEL_HEADER{VERTICAL-ALIGN: top;TEXT-ALIGN: left;HEIGHT: -1px; BACKGROUND-COLOR: transparent; WIDTH: 100%; FONT-SIZE: ; COLOR: transparent; FONT-FAMILY: ;PADDING: -1px -1px;} TD.XSP_MAIN_PANEL_HEADER TABLE{FONT-SIZE: ; COLOR: transparent; FONT-FAMILY: ;} TD.XSP_INFO_BAR{VERTICAL-ALIGN: top;HEIGHT: 0px; BACKGROUND-COLOR: #FFFFFF;FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;PADDING: -1px;} TD.XSP_INFO_BAR TABLE{FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;} TD.XSP_RIGHT_PANEL_SPC{VERTICAL-ALIGN: top;TEXT-ALIGN: left;WIDTH: 110px; BACKGROUND-COLOR: #FFFFFF;PADDING: 10px;} TD.XSP_RIGHT_PANEL{VERTICAL-ALIGN: top;TEXT-ALIGN: left;HEIGHT: 1px; WIDTH: 110px; BACKGROUND-COLOR: #FFFFFF;PADDING: 0px;} DIV.XSP_RIGHT_PANEL{VERTICAL-ALIGN: top;TEXT-ALIGN: left;WIDTH: 100%; FONT-SIZE: 8pt; COLOR: #B22222; FONT-FAMILY: Tahoma, Sans-Serif; PADDING: 0px;} DIV.XSP_RIGHT_PANEL TABLE{FONT-SIZE: 8pt; COLOR: #B22222; FONT-FAMILY: Tahoma, Sans-Serif;} TD.XSP_FOOTER_PANEL{VERTICAL-ALIGN: top;TEXT-ALIGN: left;HEIGHT: 25px; WIDTH: 755px; FONT-SIZE: 9pt; COLOR: #B22222; FONT-FAMILY: Tahoma, Sans-Serif; PADDING: 5px;BACKGROUND-COLOR: #FFFFFF;} TD.XSP_FOOTER_PANEL TABLE{FONT-SIZE: 9pt; COLOR: #B22222; FONT-FAMILY: Tahoma, Sans-Serif; } TD.NAVBAR_LEFT { font-size: 10pt; color: #467AA7; font-family: verdana; font-weight: normal; text-decoration: none; } A.NAVBAR_LEFT { font-size: 10pt; color: #467AA7; font-family: Verdana, Sans-Serif; font-weight: bold; text-decoration: none; } A.NAVBAR_LEFT:visited { color:#467AA7; } A.NAVBAR_LEFT:hover { color:#467AA7 } TD.NAVBAR_RIGHT { font-size: 8pt; color: #B22222; font-family: verdana; font-weight: normal; text-decoration: none; } A.NAVBAR_RIGHT { font-size: 8pt; color: #B22222; font-family: Tahoma, Sans-Serif; font-weight: bold; text-decoration: none; } A.NAVBAR_RIGHT:visited { color:#800080; } A.NAVBAR_RIGHT:hover { color:#B22222 } DIV.BREADCRUMB { font-size: 10pt; color: #000000; font-family: Verdana, Sans-Serif; font-weight: normal; text-decoration: none; } A.BREADCRUMB { font-size: 10pt; color: #000000; font-family: Verdana, Sans-Serif; font-weight: normal; text-decoration: underline; } A.BREADCRUMB:visited { color:#000000; } A.BREADCRUMB:hover { color:#000000 } a.class1:link {font-family:Verdana; font-size:10pt;color:blue;text-decoration:underline;} a.class1:visited {font-family:Verdana; font-size:10pt;color:blue;text-decoration:underline;} a.class1:hover {font-family:Verdana; font-size:10pt;color:blue;text-decoration:underline;} li.class1 {display:list-item; color:black; margin-bottom:5} div.class1 {font-family:Verdana; font-size:10pt;color:Black;text-decoration:none;} I would check this bold part of your css. I may be wrong here though. I would need access to ALL of your sites css files to find the true source of your issue. Hope that helps
If you want to change the colour of ALL links that havn't got other colour styles associated with them, then just add: a:link, a:visited, a:active { color: #B22222; } you can add in other font styles if you'd like, or they would be inherited from the Body If you want to change the colour of links inside a certain Element, you could use the a.classname:link { color: #B22222; } Hope this helps
Try the following code . Pls note the differences. .class1 a:link {font-family:Verdana; font-size:10pt; color:#B22222;text-decoration:underline;}
.class1 a:link {font-family:Verdana; font-size:10pt; color:#B22222;text-decoration:underline;} in the css and <a href="http://www.blah.com" class="class1">Blah</a>