WordPress.org

1. eugene66
   Member
   Posted 3 years ago #

   When I link a word or phrase in the post area the word or phrase change colors so you can see the link. When the article is publish the word or phrase do not change colors. Since it do not change colors you do not know that there is a link. Can any one please help me and tell me what I am doing wrong.

2. flick
   Member
   Posted 3 years ago #

   This would probably involve editing the CSS file of your WordPress theme.

   Some possibly useful links about this topic (from Google) include:
   http://www.echoecho.com/csslinks.htm
   http://www.projectseven.com/tutorials/css/pseudoclasses/index.htm

3. eugene66
   Member
   Posted 3 years ago #

   Thanks,
   I went and look at the CSS file. I am not sure how I am suppose to write it or which one I am suppose to use. This is what I now have.

   #blog_left .item_class .item_class_panel{
   margin-left:25px;
   }

   #blog_left #blog_comm{
   margin-left:35px;
   }

   Can you help me out some more. I am new to this.

   Thanks
   Eugene

4. flick
   Member
   Posted 3 years ago #

   At the moment what you have there is defining the positions of your divs (boxes of your content) so for instance, let's take the first part of the code in the second link (ProjectSeven one)- you would simply add
   

   a:link {
   	color: #333333;
   	}

   after your code
   

   #blog_left .item_class .item_class_panel{
   margin-left:25px;
   }
   
   #blog_left #blog_comm{
   margin-left:35px;
   }

   So essentially you'll have

   #blog_left .item_class .item_class_panel{
   margin-left:25px;
   }
   
   #blog_left #blog_comm{
   margin-left:35px;
   }
   a:link {
   	color: #FF0000;
   }

   You'll hopefully have noticed that after each term is called (e.g. a:link) there's an opening and closing bracket - { and } - and in between these are the settings/values that you want. In this instance, you'll have set that you want the colour of your link to be #FF0000, which is red.

   From the link above, here's a few that you can use

   a:link
   Describes any hyperlink that has not been visited by the user's browser. In other words, the page linked to is not present in the browser's local memory.

   a:visited
   Describes any hyperlink that has been visited and is present in the browser's local memory.

   a:hover
   Describes a hyperlink while the user's mouse happens to be hovering over it.

   a:active
   Describes a hyperlink that has been clicked but not yet released.

5. eugene66
   Member
   Posted 3 years ago #

   I thank you for your answer. This is all new to me and I am now doing OJT right now. I know very little about HTML as I am trying to learn it. Where and how do I put the code in. I understand what you are telling me I just don't know how to get in, and when I do get in where am I suppose to put it.

6. flick
   Member
   Posted 3 years ago #

   @eugene: The part that you're editing here is CSS (Cascading Stylesheets) and not HTML, so it's slightly different.

   Download a good text editor (I'm personally using Notepad++) and after installation, open up the folder where your theme sits in your hard-drive( usually something like wp-content/themes/NAME OF THEME) and look for/open the file ending with .css (I think you're already familiar with this) and edit the code as mentioned earlier.

7. eugene66
   Member
   Posted 3 years ago #

   Thanks mosley I had front page 2003 on my computer and I did it on front page. Thanks for your help in telling me what was wrong. The statement was not there.

Topic Closed

This topic has been closed to new replies.