Change the color of some words in the Widget footer

  • peterdeleu

    (@peterdeleu)


    8 years ago

    Hi all,

    I’m trying to highlight some words in the applets/footer.
    The predefined buttons doesn’t allow me to change color.
    Only Bold, Italic, link, … is available.
    I think it will be possible to do this by editing en add some code.
    Heer below is an example of a word that I want to make green.

    <h4>Tekstcorrectie</h4>

    The code “strong” is to make it bold.
    Anybody who knows to change this into green?

    Regards
    Peter

Viewing 9 replies - 1 through 9 (of 9 total)
  • Jess

    (@jessn)

    8 years ago

    Something like this maybe?

    <h4 style=”color:green;”>Heading</h4>

    <h4 style=”color:#476f01;”>Heading</h4>

    You can find color hex codes here: http://www.color-hex.com/

    Thread Starter peterdeleu

    (@peterdeleu)

    8 years ago

    I’m afraid that this doesn’t work.

    I’ve copied this:

    <h4 style=”color:green;”>Tekstcorrectie</h4>

    into the text.
    I don’t get an error, but the only thing that I can see is a black word “Tekstcorrectie”

    Jess

    (@jessn)

    8 years ago

    Can you share the URL of the page?

    Thread Starter peterdeleu

    (@peterdeleu)

    8 years ago

    Sure : hetcorrectiebureau.be

    (scroll down to the bottom

    Jess

    (@jessn)

    8 years ago

    I see. It might be that the style tag is being stripped out. You should have a place where you can enter custom CSS in your theme. Try adding this:

    .textwidget h4 { color:#476f01; }

    Thread Starter peterdeleu

    (@peterdeleu)

    8 years ago

    Great !! that works.. I only don’t know how only the word “Tekstcorrectie” is selected

    Thread Starter peterdeleu

    (@peterdeleu)

    8 years ago

    And what if I want to change another word into another color than green?
    for example the email adresses in blue?

    Jess

    (@jessn)

    8 years ago

    So for the email address you can use:

    .textwidget a { color:#00B2EE; }

    I’m not sure what browser you’re using, but most browsers give you the ability to right click on an item and “inspect element” which will bring up a panel showing you the code. That’s what I’m using to figure out what CSS classes you should be using.

    Thread Starter peterdeleu

    (@peterdeleu)

    8 years ago

    I’m using Safari as browser, but when I use Chrome I’m able to “inspect” .. tx !!

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Change the color of some words in the Widget footer’ is closed to new replies.