WordPress.org

1. teds232
   Member
   Posted 1 month ago #

   When I use the "more" tag, it shows up in a light yellow until you put the mouse on it, then it turns red. The light yellow is virtually impossible to read w/ the background of the theme. How would I turn it black as the primary color? I'm a novice at this so thanks in advance for the help.

2. ClaytonJames
   Member
   Posted 1 month ago #

   It might be defined in your themes style sheet. Can you post a link to your site if it is public? Maybe someone will take a look.

3. teds232
   Member
   Posted 1 month ago #

   Hopefully this will help. It's from the CSS sticky post in question.

   /* Sticky Post and Postmetadata */

   .sticky {
   margin: 0 0 5px 0;
   padding: 0 5px 1px 5px;
   background: #1f1511 url(images/post-image.gif) no-repeat;
   width: 680px;
   color: #e7dede;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   }

   .sticky-post {
   position: relative;
   left:650px;
   top:60px;
   z-index: 100;
   padding: 10px 1px 1px 1px;
   margin: -94px 0 0 0;
   }

   .sticky p{
   padding: 1px 1px 1px 1px;
   }

   .sticky-box {
   position: absolute;
   z-index: 100;
   }

   .tags-font h2 {
   color: blue;
   font-size: 180%;
   font-weight: 500;
   padding: 7px 0 4px 2px;
   margin: 10px 0 2px 0;
   line-height: 120%;
   font-family: tahoma, Georgia;
   }

   .tags-font h2 a{
   color: #910000;
   text-decoration:none;
   font-weight: 500;
   font-family: tahoma, Georgia;
   font-size: 28px;
   }

   .tags-font h2 a:hover{
   text-decoration:underline;
   color: #ff0024;
   }

   .postmetadata{
   font-size:80%;
   padding: 1px 8px 1px 6px;
   margin: -2px 0 0 8px;
   border-top: 0px solid #ccc;
   }

   Thanks again guys

4. teds232
   Member
   Posted 1 month ago #

   One other question. Where do I find the codes for all the colors so that perhaps I can change other colors as well? Thanks again.

5. ClaytonJames
   Member
   Posted 1 month ago #

   colors are referenced in your style sheet and will usually look like this; #000000 , or any of many alpha-numeric combinations. Usually 6 digits, sometimes just 3 of the same digits. You may also see some obvious color descriptions using just the word for the color itself. ie... red , blue, green, etc...

   for example. #910000 listed above, is a dark red color. #ff0024 is a bright red.

   Here is a color picker that you might find helpful in visualizing color codes, and for picking new ones. If you Google web color picker or color chooser you will find all kinds of on line tools for color schemes. Give this one a try. Select a color and it gives you the hex value, set a hex value and it will show you the color.

   http://www.colorschemer.com/online.html

6. teds232
   Member
   Posted 1 month ago #

   Thanks so much CJ. I was able to use the color schemer & plug in the hex/color codes that I found in the CSS & figure out where the "more" tag was in the CSS. I then chose the color I wanted from the color schemer, plugged it in, & I was done.

   Now if I could just figure out what is what in the CSS I'll be in good shape for the future. Thanks again. Much appreciated.

7. ClaytonJames
   Member
   Posted 1 month ago #

   You're welcome. It takes time. Things will get familiar after a while.
   If you use Firefox, there is an extension called firebug that sometimes can make very short work of identifying those types of things.

Reply

You must log in to post.