February 27, 2006

changing link colors within blockquotes

Hi all,

Thanks to those who assisted me with creating a different format for my blog blockquotes. One problem still persists (just one!): How can I change the links (standard, active, etc.) colors within my blockquotes? I ask b/c the background color I've chosen for my blockquotes now makes it difficult to see any links within them. I tried copying the link codes from the beginning of the stylesheet template, posting it within the blockquote code, and merely changing the color parameters. No dice.

Thanks in advance! :)

Posted by Rhodey at February 27, 2006 10:16 PM | TrackBack
Comments
#1

Insert a new section in your CSS (stylesheet) where you can put your blockquote link controls. Put the word blockquote in front of the A: , A:link , A:visited , A:active , A:hover code.

blockquote A: { color: #FFFFFF; font-weight: bold; background: #000066; }
Let me know how that works out for you.

Posted by Madfish Willie at February 28, 2006 04:53 PM
#2

This may be easier to read....

Insert a new section in your CSS (stylesheet) where you can put your blockquote link controls. Put the word blockquote in front of the A: , A:link , A:visited , A:active , A:hover code.

blockquote A: { color: #FFFFFF; font-weight: bold; background: #000066; }

Let me know how that works out for you.

Posted by Madfish Willie at February 28, 2006 04:54 PM
#3

MW: Here's the code as I have it now:

blockquote A:link{ color: #C82536; text-decoration: none; }
A:visited { color: #CCCC66; text-decoration: none; }
A:active { color: #FFFF99; }
A:hover { color: #FFFF99; }

blockquote{

margin:15px 30px 15px 30px;
padding:8px 10px 8px 10px;
border: 1px solid #E8E8E8;
color:#030303;
font-family:arial, tahoma;
background:#E8E8E8;
}

***********

I originally had the bottom blockquote code to get the background and text different for my blockquote boxes; so, I added the blockquote link codes above that. I'm not entirely certain this was the proper course of action.

Nevertheless, what has happened is that LINK color has indeed changed to what I desired; however, the FOLLOWED and ACTIVE link colors will not change as I wish. (In the code above I have changed them back to the default stylesheet colors -- FYI.) When I changed those, they changed the FOLLOWED and ACTIVE link colors for the entire index page.

Posted by Rhodey at March 1, 2006 12:14 AM
#4

You just need to add the word blockquote in front of all the link entries.

When you are done, you should have one set of link controls for your main page that all start with a and one set of link controls for your blockquotes that start with blockquote a:.

You can use this same method to display different link controls in your sidebar also - just add the appropriate class name in front of a new set of controls.

Posted by Madfish Willie at March 1, 2006 02:15 AM
#5

MW: That did it! :)

Thanks so much, my friend!

Posted by Rhodey at March 1, 2006 09:09 PM
Live Comment Preview
Post a comment









Remember personal info?