Overlay Text on Header Image How To & SEO

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?

Hi! It’s https://www.zerotomom.com/

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.

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.

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

https://www.ads-software.com/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.

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("https://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!