Placing text over header image

  • Resolved sourcecodedynamics

    (@sourcecodedynamics)


    10 years ago

    Hello – I currently have a header image that has my logo and text as part of the image. I would like to replace the image to be logo only, then write text over that image for SEO and linking purposes.

    My site: https://www.sourcecodedynamics.com

    How can I position text to lay over the header image? Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter sourcecodedynamics

    (@sourcecodedynamics)

    I tried creating a DIV in the header.php file (in child theme of course), then styling that DIV in the stylesheet. Nothing I do in the stylesheet seems to reflect on the newly created DIV.

    I can see the text within the new DIV and using firebug, I was able to see the newly created DIV begin reflected.

    In the header.php file, the DIV is:

    <div class="site-header-text">
This is some site header text
</div>

    The style.css file has the following:

    .site-header-text {
position: fixed;
top: 30px;
right: 50px;
z-index: 4;
background-color: #000000;
}

    Any help is appreciated, thanks!

    Thread Starter sourcecodedynamics

    (@sourcecodedynamics)

    I resorted to using an html image map to create multiple links on the same image and used the plugin “Responsive Image Maps” to make it responsive. There are several html image map generators out there, I don’t recall the exact one I used.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Placing text over header image’ is closed to new replies.