WordPress.org

Support

Support » Themes and Templates » Change text colour in widgets?

Change text colour in widgets?

  • I have managed to change the font colour for the header text, and have changed the text itself in the top widgets (just using 2 boxes for now). How do I change the font colour in the top & sidebar widgets?

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • I will usually create a “Test Page” to test my widget code. After I perfect the widget in the “test page” then I place the code in a TEXT widget box item and place it in the right position under appearance/widgets/ >>>>.

    just remember to keep the test page in draft mode after the test is completed so that it isn’t active on the site.
    when testing you can switch from visual to text and utilize the WP tools in the kitchen sink for images, ect to make great widgets.
    Unless your a master code writer that can just create code that works perfectly on the fly.

    Thank you for your advice, but I am an absolute beginner, and have no experience in coding. If I want to change the colour from the current gray to black, what am I looking for in the original code so that I know what to substitute when try a test page?

    here is some blue text <span style=”color: #0000ff;”>BLU BLE BLue BLUE TOO</span>
    here is some red text <span style=”color: #ff0000;”>RED RED RED BLOOD, Kool Aid</span>

    the code for grey is #a6a6a3

    (there are many codes for the varying degrees of grey this is just (1) sample.)

    the code for black is #000000

    to write something like the following in a widget and you want it black:

    <span style=”color: #000000;”>all of this text between the pointed span bracket arrows will be black</span>

    will that help?

    become familiar with the 6 digit codes for colors #000000
    no need to memorize them just find specific codes in your word press, or other image editing programs such as Photoshop.
    This is just basic HTML
    also HTML recognises some word name colors, but I always prefer to use the 6 digit convention. and put your text that you want a specific color between the <span>…..</span> brackets.

    it Will not understand creamy-peachy-pinkish-mandarin-orangish
    just your basic color words like green, red, blue, ect……

    Here are 216 web color codes. http://html-color-codes.com/

    Thank you very much, yes it helps!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change text colour in widgets?’ is closed to new replies.