Aug 30, 2019

Can I change the color of archive list font-? Can't see how

I can edit all other aspects of my blog except the archive list font. It is too light to read. Need to change the color. I can see no options.
Locked
This question is locked and replying has been disabled.
Community content may not be verified or up-to-date. Learn more.
Recommended Answer
Sep 2, 2019
Awesome, glad it worked :)
Original Poster wendy gronbeck marked this as an answer
Helpful?
Recommended Answer
Sep 2, 2019
Thank you so much. It worked before I did that last Two-line step.
Original Poster wendy gronbeck marked this as an answer
Helpful?
Recommended Answer
Sep 2, 2019
Let's do it correctly. You do not need to overwrite the style for all links, because this setting is available in "Customize". Delete these changes and then go to the Advanced tab -> Links -> change colors -> Apply to Blog.

If you want to change the link color in the sidebar, then you need to add custom CSS:

.sidebar a:link, .sidebar a:visited {color: #000000;}
.sidebar a:hover, .sidebar a:active {color: #ff0000;}
 
If you want to change the link color only for the archive gadget, use this CSS:
 
.BlogArchive a:link, .BlogArchive a:visited {color: #000000;}
.BlogArchive a:hover, .BlogArchive a:active {color: #ff0000;}
 
#000000 (black) and #ff0000 (red) are just examples, you can use any HEX color code.
Gold Product Expert Britonatona. recommended this
Helpful?
All Replies (27)
Aug 31, 2019
You can add that using CSS for instance 
#PopularPosts1{background-color:#ccccff;}
where popularposts1 is the widget ID and ccccff is the colour youwant.
Let me know if that helps.
Sep 2, 2019
Looks like it worked.

This is what your Blog looks like now.
 
 
Sep 2, 2019
I cannot see the righthand column that lists archived posts in your pic. Are the individual posts all down the list black? When I sign in, they are not. So weird.
Sep 2, 2019
Here's what I see when I go in thru my own site or via the web
Sep 2, 2019
Last edited Sep 2, 2019
Sep 2, 2019
 

As you can see the text is black.
 
 
Sep 2, 2019
What on earth?!

If that's what you see, great. You have been far more than kind and patient. Thank you so much!
Sep 2, 2019
Ok, 

that might be because you have already visited those links, so the color will be different.

Try this code now

a:link {color: black !important;}
a:visited {color: black !important;}


Remember to press Enter after the last line above, then click Apply.


 
Recommended Answer
Sep 2, 2019
Thank you so much. It worked before I did that last Two-line step.
Original Poster wendy gronbeck marked this as an answer
Recommended Answer
Sep 2, 2019
Awesome, glad it worked :)
Original Poster wendy gronbeck marked this as an answer
Recommended Answer
Sep 2, 2019
Let's do it correctly. You do not need to overwrite the style for all links, because this setting is available in "Customize". Delete these changes and then go to the Advanced tab -> Links -> change colors -> Apply to Blog.

If you want to change the link color in the sidebar, then you need to add custom CSS:

.sidebar a:link, .sidebar a:visited {color: #000000;}
.sidebar a:hover, .sidebar a:active {color: #ff0000;}
 
If you want to change the link color only for the archive gadget, use this CSS:
 
.BlogArchive a:link, .BlogArchive a:visited {color: #000000;}
.BlogArchive a:hover, .BlogArchive a:active {color: #ff0000;}
 
#000000 (black) and #ff0000 (red) are just examples, you can use any HEX color code.
Gold Product Expert Britonatona. recommended this
Sep 2, 2019
Thank you for this. Since the previous method worked, I will save this for changes I might want to make in the future. Appreciate it.
Sep 2, 2019
Yes, it worked, but the colors were unnecessarily overwritten. The same can be set in Customize -> Advanced -> Links.
false
16855189823812806788
true
Search Help Center
true
true
true
true
true
74
Search
Clear search
Close search
Main menu
false