WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Header Weaver II question (4 posts)

  1. mkclark150
    Member
    Posted 1 year ago #

    Basic question is how can I easily use text within the header image.

    Currently I have uploaded an image (w/out text). I have the site title in the upper left corner of the header image. I would like to:

    1) add a tagline and have it show below the site title. Every time I enable the tagline it shows up above the site title and above the header image.

    2) I would like to change the size and font of the tagline.

    Any suggestions?

  2. linux4me2
    Member
    Posted 1 year ago #

    How about using the header image as the background for a div element that includes your site title and tag line in the positions you want them in? You can use CSS for the positioning of all of it. The advantage of that approach is that the search engines can still read the site title and the tag line. The downside is that it's a little more work and the fonts will be limited to what the end-users browser/OS can display.

    An alternative is to create a whole new header image that incorporates the site title and tag line in whatever fonts/colors you want, then hide the actual site title and tag line from human viewers by setting their display property to "none" in your style.css file. That way, you assure that the end user sees the font(s) you want, the user sees the header image with the site title and tag line, and you still get the benefit of the SEO for the actual site title and tag line from the elements you've hidden.

  3. mkclark150
    Member
    Posted 1 year ago #

    Thanks for the reply!

    I tried to create a whole new header image that incorporates the site title and tag line but am running into some problems.

    I have a iMac OS 10.6.8 and .jpg image. I cannot find a way to update the image with text and fonts of my choosing.

    Anyone have any suggestions?

  4. linux4me2
    Member
    Posted 1 year ago #

    I'm not a Mac person, but I use GIMP, which does come in a Mac version. It's an open-source alternative for Photoshop.

    The UI might look daunting, but it's pretty easy to do what you want to do. Just open the image in GIMP, choose the font tool, select the font you want (you can add additional ones if you like), set the color and size, and type the text right over the image. GIMP will automatically add a "layer" for the text. When you're ready to add text in another font/color, for the tag line for instance, choose Layers -> New Layer, then select the new font/color. If you don't know how to do something, just google "gimp tutorial" and whatever it is you want to do.

Topic Closed

This topic has been closed to new replies.

About this Topic