[Theme: Frontier] Hover text over Header image

  • Resolved Matilda F

    (@matilda-f)


    10 years, 9 months ago

    I want to have a hover text appear over my header image to credit the designer. In Pages > Set Featured Image pane, there is a field (when you upload the image) to insert alt text or a label to the image. I did this and the mouse changes into a hand symbol when you hover over the header image, but the alt text doesn’t appear.

    My website is https://www.matildafaltyn.com (use any other browser other than IE to view.)

    When you hover over the menu titles in the top bar you can see the hover text appears. This is a feature in Menus > Menu Structure Pane, field: Title Attribute. But how do I get this function to appear for my header image?

Viewing 2 replies - 1 through 2 (of 2 total)

  • I see you are using a child theme so this should be very simple.
    1. Copy the header.php file from the parent themes folder to the child themes folder.
    2. Open the header.php in a text editor, if you can use one that has line numbering.
    3. On line 58 look for this section (will be at the end of the line): or use the find function . '/images/logo.png'); ?>" alt="" /></a>
    4. Change it to look like this
    alt="" title="IMAGE CREDIT GOES HERE"/>
    Your alt=”” may or may not have text between the quotes, either way you need to add the title section.

    Thread Starter Matilda F

    (@matilda-f)

    Hi Batharoy,
    It worked! You are a genius!!!
    Just to let you know:

    1. I didn’t need to copy the parent header.php file as the child theme inherits the code from the parent.

    2. I opened the child’s header.php and looked for /images/logo.png.

    3. Then I added the title section, as you stated, after the alt=”” part.

    I gotta say I am used to plain html which is much easier to read than wordpress php — [intimidating]

    Have a great week. ??

    Matilda

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Theme: Frontier] Hover text over Header image’ is closed to new replies.