WordPress.org

Support

Support » Themes and Templates » Overlay Text on Header Image How To & SEO

Overlay Text on Header Image How To & SEO

  • I’m trying to figure out how to overlay my header text onto a header image. I would just alter the image to include the title and subtitle of the blog but I’m afraid that isn’t great for SEO. Any tips? I’m using Brunelleschi Theme and I only see an option to include text with image….which so far does nothing that I can see.

Viewing 9 replies - 1 through 9 (of 9 total)
  • NetComLogistics
    Member

    @netcomlogistics

    Hello zerotomom,

    Do you have a link to a live website that you are working on, or are you developing this locally on your machine?

    NetComLogistics
    Member

    @netcomlogistics

    Thanks!

    Do you currently have the option to “include text with image” chosen in the theme options or do you have it set to only display text right now (I only see header text right now)? If you have it set to only display text, can you go ahead and choose “include text with image” option that you mentioned? I will take another look and see if I can spot anything.

    Yes, I do have those options chosen. I don’t see the header image anywhere, though. And the way it displays on the options page leads me to believe that the text would be above the image.

    NetComLogistics
    Member

    @netcomlogistics

    Unfortunately, this looks like an issue with the theme programming. I have not used this theme as of yet, but I will download it possibly Monday and see if I can tinker with it and spot anything that would be causing the problem.

    WPyogi
    Forum Moderator

    @wpyogi

    FYI, that’s a known problem with this theme – which, unfortunately, has not been updated in a while – see:

    http://wordpress.org/support/topic/163-header-b-options-not-working?replies=27

    Wow thanks for all the help! I really appreciate it. @WPyogi–if I switch themes do I lose all of my content formatting and CSS? I really am new to this.

    WPyogi
    Forum Moderator

    @wpyogi

    Depending on what, exactly, you want to do, you can likely use a background image behind the existing text using CSS – this looks like it would work for the entire header section – I used an image on that page just to test the CSS – obviously, use the URL for the image you want:

    #branding {
        background-image: url("http://i1263.photobucket.com/albums/ii633/laurendartt/7b1a7bde-dcd4-4e92-83fa-569750e57d08_zpsf1c7126a.jpg");
    }

    If that’s not what you’re trying to do, can you explain in more detail?

    As to your question, CSS is theme-specific, so yes, it won’t apply to another theme.

    It worked!! Thanks! Now I just have to perfect the image. Thanks so much!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Overlay Text on Header Image How To & SEO’ is closed to new replies.