WordPress.org

Ready to get started?Download WordPress

Forums

Gridiculous
Change text colour in widgets? (6 posts)

  1. STN Music
    Member
    Posted 3 months ago #

    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

  2. tullphd
    Member
    Posted 3 months ago #

    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.

  3. STN Music
    Member
    Posted 3 months ago #

    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?

  4. tullphd
    Member
    Posted 3 months ago #

    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?

  5. tullphd
    Member
    Posted 3 months ago #

    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/

  6. STN Music
    Member
    Posted 3 months ago #

    Thank you very much, yes it helps!

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.