How to customize size and color of text in "Header" text widget

  • Author
    Posts
  • #43024

    We’re using the Tempera theme, and I’m trying to add the company address and phone number as TEXT into the header.

    If I go to Widgets > Header Widget and add the “Text” widget, I can add text that appears in front of/on top of the header image.

    This is exactly what I want, except that the font is only about 11 px. I need to make it larger and customize the color.

    How do I do that?

    As a test, I tried styling it with an H1 tag, but that had no effect. I used an and tags, which did seem to work.

    (The text you see in the header right now is part of the image file.)

    Website: www.chicagobluedolphins.com

    • This topic was modified 7 years ago by cbd2017.
    #43148
    Zed
    Cryout Creations mastermind

    You can add extra markup to your widget text

    <span class="my-class">
    Header widget text goes here
    </span>

    and then use custom styling to format it:

    #header-widget-area span.my-class {
        font-size: 3em;
        line-height: 1em;
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘How to customize size and color of text in "Header" text widget’ is closed to new replies.