WordPress.org

1. noncollective
   Member
   Posted 1 year ago #

   Hi,

   If you have a quick look at my blog, http://noncollective.com you will see that at the top of the sidebar it says 'noncollective' and below it has an email address.

   Does anyone know how I make this email address a different colour? It's driving me nuts trying to work it out. Cheers,

   D.

2. dalebert77
   Member
   Posted 1 year ago #

   Edit your CSS - look for either "a" for the link style or sidebar, then "a" for the link style.

3. noncollective
   Member
   Posted 1 year ago #

   Thank dalebert. I did what you said but in both cases the color is already #333333 but comes up on the blog as a light grey colour.

   Here is my CSS if it helps: http://wordpress.pastebin.ca/796246

   Cheers, D.

4. shadow
   Moderator
   Posted 1 year ago #

   You have no specific class in place for that particular section in your sidebar code. If you add a class to your ul or li tag in the following code:

   <ul><li>mail<@>noncollective.com</li></ul>
   such as
   <ul class="mail"><li>mail<@>noncollective.com</li></ul>

   You can then play with your css and change the colour, by doing something like:

   ul.mail a { color:#cccccc;}

5. noncollective
   Member
   Posted 1 year ago #

   Hi Shadow,

   I have changed my sidebar as you suggested:

   <ul class="mail"><li>mail<@>noncollective.com</li></ul>

   Any added code to my css like this:

   }
   
   #sidebar ul ul li {
   	border: 0;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
   	letter-spacing: 0;
   	margin-top: 0;
   	padding: 0;
   	padding-left: 3px;
   }
   
   #sidebar ul mail a {
   	color: #22b573;
   	text-decoration: none;
   }
   
   #sidebar ul ul li a {
   	color: #22b573;
   	text-decoration: none;
   }

   I've done something wrong, haven't I?

   Thanks

Topic Closed

This topic has been closed to new replies.