WordPress.com

1. scenthive
   Member
   Jun 4, 2009, 6:56 PM

   Do I just go into the existing style sheet and change the color code and then go back to the CSS stylesheet editor and hit "Save changes"?

   Also, where can I find a list of what codes=what colors?

   Thanks!

   Here is an example of my style sheet

   #navigation ul li a {
   border: #dedede 1px solid;
   border-bottom:none;
   padding: 2px 10px;
   display: block;
   font-weight:bold;
   color:#666;
   text-decoration: none;
   background:#ededed;
   }

   would I just substitute 666 with something else?

   The blog I need help with is scenthive.wordpress.com.

2. wpvstp
   Member
   Jun 4, 2009, 7:03 PM

   http://en.wikipedia.org/wiki/Web_colors

3. scenthive
   Member
   Jun 4, 2009, 7:54 PM

   So how do I make the changes? I see now that I can't just change the style sheet. Not sure what I do.

4. ellaella
   Member
   Jun 4, 2009, 8:07 PM

   This will get you started. The resources at the bottom of this entry are super.

   http://support.wordpress.com/editing-css/

5. thesacredpath
   Member
   Jun 4, 2009, 8:08 PM

   Copy ONLY the specific CSS selector that you are going to change, and only the declaration that you are going to change and then paste that into the CSS edit window. Before hitting save, make sure that "add to existing..." is selected. Adding only the things you are actually changing to the CSS edit window makes it easier to keep track of exactly what you have changed. In this case, you would put the following into the CSS edit window and change the #666 color code to the your new color code:

   #navigation ul li a {
   color:#666;
   }

   Your change above will override that selector and declaration in the original CSS automatically.

6. thesacredpath
   Member
   Jun 4, 2009, 8:11 PM

   G'day Ella!!!

   Must remember to refresh.

7. scenthive
   Member
   Jun 4, 2009, 9:05 PM

   I'm feeling really overwhelmed! I just want to change all the green font to black for the time being, but I'm not sure if there's one simple command I can use to do so, if i need to know what all the code means in the style sheet.

8. thesacredpath
   Member
   Jun 5, 2009, 12:52 AM

   @senthive, it is always recommended that you work with some of the tutorials online to familiarize yourself with CSS before buying the upgrade. Read through this support document and especially read the CSS Help section toward the bottom where there are links to online tutorials and information sources.

   http://support.wordpress.com/custom-css/

9. scenthive
   Member
   Jun 5, 2009, 1:47 AM

   Well, I really would like to change the green font color to black (for now) and that's all I want to do. I have already paid the money as I did that when I first started out, before I knew better, so that's not an issue.

   If it would be a relatively easy fix, that would be great. But do you think it would be a huge headache? I don't need to change everything that's in green. Mostly want to change the header, the post titles (and where it says "edit" and my blog name under it), and the sidebar text.

   What do you think sacredpath? Lots of time and energy or can I figure it out in a couple hours?

10. thesacredpath
    Member
    Jun 5, 2009, 2:21 AM

    The green for all linked text is here:

    a:link, a:visited {
    color:#265E15;
    }

    The green for the sidebar titles is here:

    li.sidebox h2 {
    color:#224422;
    }

    Add those two selectors and declarations to the CSS edit window and then change the color code, make sure "add to existing..." is selected and click save.

11. scenthive
    Member
    Jun 5, 2009, 2:58 AM

    sacredpath.....

    thank you, thank you, thank you! At least I didn't waste my money and now I have the colors I want :-)

    You are such a huge help.

    thanks again!!

12. thesacredpath
    Member
    Jun 5, 2009, 3:09 AM

    You're welcome.

Topic Closed

This topic has been closed to new replies.