WordPress.org

Forums

Mon Cahier
changing text color (4 posts)

  1. karenmjudge
    Member
    Posted 2 years ago #

    I'm back with another question if you don't mind!

    I am wanting to change the color of my post text to something a bit lighter than solid black (a dark grey) but am not sure how to do this universally. I can probably figure out how to do it for each post separately but is there a way to do it to the template?

    Thanks!
    Karen
    mikalane.com

  2. W.P. Ginfo
    Member
    Posted 2 years ago #

    Hi Karen,

    To make these kind of changes to your site requires you to make changes to your CSS and / or html and php.
    Before you do anything else...

    Make a backup of your site!!

    1. Use FTP to backup the files.
    2. Make sure to also backup your database.
    3. http://codex.wordpress.org/Backing_Up_Your_Database

      Next: Create a childtheme

    4. Don't make any changes to a theme itself. Instead make the changes to a childtheme. Should the author of your original theme update the theme, your changes will not be overwritten. Your site with your adaptations will remain intact.
      (see: http://codex.wordpress.org/Child_Themes )
    5. Suggestion: use the 'one click childtheme plugin'.

    6. Installed the childtheme? Now activate it.
      Check if things look 'normal'.
    7. Use FTP to access the files of your site and it's childtheme.
    8. Use NOTEPAD++ or proper EDITOR [not wordprosessor] to edit css and php.
    9. Make the changes in the CHILDtheme!
      - copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.
    10. http://www.w3.org/Style/Examples/011/firstcss.nl.html
      http://codex.wordpress.org/Getting_Started_with_WordPress
      http://codex.wordpress.org/CSS
      http://codex.wordpress.org/Finding_Your_CSS_Styles
      http://codex.wordpress.org/FAQ_Troubleshooting

    Now for the changes requested:

    Add the following code to style.css of the childtheme:

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        border: 0px none;
        font-family: inherit;
        font-size: 100%;
        font-style: inherit;
        font-weight: inherit;
        margin: 0px;
        outline: 0px none;
        padding: 0px;
        vertical-align: baseline;
        color: #999999;
    }

    The bottom line controlls the textcolor

    To also include the textcolor of the main menu:
    .main-navigation{ color:#999999;}

    Find a color of your liking?
    see: http://www.colorpicker.com

  3. karenmjudge
    Member
    Posted 2 years ago #

    Yikes, I think I will refer this to someone more accomplished than I!

    Thank you so much!
    Karen

  4. W.P. Ginfo
    Member
    Posted 2 years ago #

    Hi Karen,

    Don't let the technicallities scare you away. If you are more into content and you web-readers, that's fine!

    There are plenty of enthusiasts out there that LOVE to help you with 'the nuts and bolts'.

    Should your theme have an option to add / append / alter the css / code:
    Just copy and paste the above code in there. That should do the trick.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.