Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

[SOLVED] how to make links change color after they have been visited?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 17, 2013, 10:44 PM
sixleggedinsect
 
12 posts · Feb 2013
i have an unordered list of links on a page, and i would very much like the links to change to a different color after they have been visited.

i went into CSS files 'content.css' and edited it to read:

a:visited {color:#00FF00;}

however, it still doesn't work. is there anything else i should look for?

thanks!!
  #2  
Old Feb 18, 2013, 04:01 AM
juggledad's Avatar
juggledad
 
21,940 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Most likely, there is other CSS that applys to a link in an unordered list which overrides the 'general' CSS you changed. Try installing The FireBug extension in firefox and examine the link to see what CSS is being applied, then you'll be able to figure out what needsto be changed.

When asking for help, provide your URL
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Last edited by juggledad; Feb 18, 2013 at 12:31 PM.
  #3  
Old Feb 18, 2013, 09:51 AM
sixleggedinsect
 
12 posts · Feb 2013
thanks for replying!

the URL is http://www.electricant.net/ekg/cases/

i installed firebug, but in my inexperience am not able to interpret its data so as to know where to find the rogue CSS.

now that i changed the visited color to a dark blue, it *does* show that in some links, but not the list as you say.

any advice?
  #4  
Old Feb 18, 2013, 12:48 PM
juggledad's Avatar
juggledad
 
21,940 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
maybe this picture will help
Click image for larger version

Name:	firebug25.jpg
Views:	483
Size:	48.6 KB
ID:	2229
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #5  
Old Feb 18, 2013, 02:25 PM
sixleggedinsect
 
12 posts · Feb 2013
i appreciate you trying to teach me to fish, but im still perplexed. i had actually already put firebug on the case, but dont really understand what it means when it points me to style.css.

i see the style.css file, and its 'DO NOT EDIT' note in montezuma content. i tried editing content.css where i found the right kind of tags, but that did not work.

can you help me interpret the firebug data? i dont see a reference to a 'visited' link color, just a hover color which is fine as-is.
  #6  
Old Feb 18, 2013, 02:48 PM
juggledad's Avatar
juggledad
 
21,940 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
if you look in the theme options, you will see a CSS section with different css files. these get saved together to make up the style.css file. this is where you should make changes to the css.

since the css doesn't skop the visited psuedo code, it looks like you will have to add it.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #7  
Old Feb 18, 2013, 03:06 PM
sixleggedinsect
 
12 posts · Feb 2013
well, i found the visited link css code in the content.css file (as i mentioned in the first post) and edited it, but it still doesn't work. how would i know where else to add this?

(if it is helpful, here is the content.css text from below the "links" section)

a {
color: #0090d3;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:active { }

a:visited { color: #015fd1;
}
  #8  
Old Feb 18, 2013, 03:57 PM
juggledad's Avatar
juggledad
 
21,940 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try this
HTML Code:
.post-bodycopy a:visited {
    color: #bb2222 !important;
}
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #9  
Old Feb 18, 2013, 04:36 PM
sixleggedinsect
 
12 posts · Feb 2013
that worked! many thanks!!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Background color for visited takes over halthur Page & Category Menu Bars 7 Oct 18, 2010 10:49 AM
Making visited links format differently from unvisited links mgmoore Atahualpa 3 Wordpress theme 0 Jul 25, 2009 08:07 PM


All times are GMT -6. The time now is 12:26 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.