logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Dreamweaver General
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 09-15-2014, 11:06 AM   #1
K.Simmonds
 
Join Date: Apr 2006
Location: Yorkshire
Posts: 206
Default change colour of email link

I've just finished a website, and for some reason, all the email links are white. How do I change them to blue? On page properties I have selected white for my navigation links, which is what I want ....... but surely I don't have to have email links the same colour ??
__________________
Keith Simmonds
K.Simmonds is offline   Reply With Quote
Old 09-15-2014, 11:10 PM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

Guessing then that you are using mailto as that will be affected using a general styling for links. Add a class to the mail links and style them as you want. See the link in my dig for examples
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 09-15-2014, 11:21 PM   #3
Ricky55
Ricky55's Avatar
 
Join Date: Oct 2005
Location: West Yorkshire, UK
Posts: 1,855
Default

Like this.

Code:
<a href="#">I am a link</a>
<a class="email-link" href="mailto:you@you.com">I am a mail link</a> 

<style type="text/css">

/*This will effect all links until your write a more specific rule*/
a {
	color: red;
	/*More Styles*/
}

/*This will apply to anything with the class email-link*/
.email-link {
	color: blue;
	/*More Styles*/
}

</style>
__________________
Qwerty Design

Check out my blog for web design insights.
http://www.qwerty-design.co.uk/
Follow me on Twitter: @QwertyDesignUK
Ricky55 is offline   Reply With Quote
Old 09-16-2014, 08:13 AM   #4
K.Simmonds
 
Join Date: Apr 2006
Location: Yorkshire
Posts: 206
Default email link colour

Hi and thanks for the help. I'm close .... but no cigar yet.
I guess the only bit I need is:

email-link*/
.email-link {
color: blue;

but where do I put it? I've attached a screenshot of the page I'm working on.
__________________
Keith Simmonds
K.Simmonds is offline   Reply With Quote
Old 09-16-2014, 08:17 AM   #5
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

It needs to go in your style sheet. css sheet
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 09-16-2014, 08:17 AM   #6
K.Simmonds
 
Join Date: Apr 2006
Location: Yorkshire
Posts: 206
Default

OK - So why didn't my screenshot upload ?
__________________
Keith Simmonds
K.Simmonds is offline   Reply With Quote
Old 09-16-2014, 08:18 AM   #7
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

not sure but that wouldnt help anyway better a link
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 09-16-2014, 09:18 AM   #8
K.Simmonds
 
Join Date: Apr 2006
Location: Yorkshire
Posts: 206
Default

I put it in right at the end ..... but doesn't work. I've done it wrong haven't I ?

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

style type="text/css">
<!--
.style4 {font-family: Georgia, "Times New Roman", Times, serif;
color: #666666;
}
.style5 {font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #666666;
}
body {
background-color: #e2d9c4;
text-align: center;
}
.style11 {color: #666666; font-size: 24px; }
.style12 {color: #666666; font-size: 36px; }
.style13 {color: #666666}
.style8 {color: #9933FF;
font-style: italic;
}
.navbartext {
color: #FFF;
}
.navgrey { color: #333;
}
a:link {
color: #FFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CCC;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
email-link*/
.email-link {
color: blue;
}
-->
</style>
__________________
Keith Simmonds
K.Simmonds is offline   Reply With Quote
Old 09-16-2014, 10:09 AM   #9
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

Try
.email-link a{
color.........
}
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 09-16-2014, 10:44 AM   #10
d a v e
 
Join Date: Feb 2006
Location: finland
Posts: 1,684
Default

surely this
email-link*/
.email-link {
color: blue;
}

should be this:

.email-link*,
.email-link {
color: blue;
}

No forward slash, comma instead, and email link should be a class not a tag
d a v e is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:23 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com