Texts & link disappear each time cursor is hovered over them.

  • Kindly help. Am neophyte in using WordPress. Just know how to change images and links.
    Might have done something wrong.
    When you go to my landing page https://thefoodcritic.me you will notice Featured Innovation for the Week. When you place cursor in the picture, texts/read more link appear. But when you hover cursor direct to said texts…they DISAPPEAR.

    Here’s the script that I’ve copied and to be pasted here. Had I touched a thing in there to have such effect?

    <div id=’topSlider’>[av_revolutionslider id=’1′]</div>
    <div id=’mainContainer’ >
    <!– area of featured innovation recipe of the week–>
    <div id=’sidePic3′ >
    <p id=’featuredTitle’><FONT COLOR=’#8E0A0A’>Featured Innovation for the Week</p>
    <img style=’cursor: pointer; height: auto; max-width: 100%; border-radius: 10px;’ src=’https://thefoodcritic.me/wp-content/uploads/2015/06/baked-curry.jpg&#8217; width=’721px’ height=’500px’ />
    <div id=’featuredBox’>
    <span style=’font-size: 20px; color:#a81010; font-weight:bold;’>’“BAKED CURRIED CHICKEN”
    (CHICKEN MARINATED AND PARBOILED IN CURRY MIX BAKED TO A DIFFERENT FINISH)’ </span>
    <span style=’max-width: 100%; color: black; font-weight:bold;’>Parboiling is different from Blanching.
    Click RECIPES-proceed to CHICKEN-and view complete prep procedures.</span>
    <span style=’ max-width: 100%; color: #a81010; cursor: pointer; font-weight:bold;’>Read More</span>
    </div>
    </div>

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

  • Hi,

    This happening due to JavaScript code written in your template.

    The code which is causing this problem is as follows:

    <script>// <![CDATA[
document.getElementById("sidePic3").addEventListener("mouseover", showPicSideDisc3); function showPicSideDisc3(){ 

document.getElementById("featuredBox").style.display = "block"; }
// ]]></script></p>
<p><script>// <![CDATA[
document.getElementById("sidePic3").addEventListener("mouseout", showPicSideDisc3); function showPicSideDisc3(){ 

document.getElementById("featuredBox").style.display = "none"; }
// ]]></script></p>
<p><script>

    You will have to remove this code if you have to stop the hiding of the text on the image when mouse is hovered over it.

    Thanks

    Thread Starter dantepogi

    (@dantepogi)

    Hello Clarion Technologies.

    My deepest appreciation for your time.
    But the fact is: am NOT a tech guy.
    A webmaster did my personal web/food blog for me. I just told him what the designs are, I gave the texts, pics and write ups then he did as I say (including the slides and the movements of pics).

    When I like to post a recipe I make, or have a write up on something, I hust change the “src”, the “href” and add some titles and little notes to them.

    Now, he’s dead. I don’t know what to do.

    In short, Sir where is the template located?

    Please?
    Dante

    Hi,

    Sorry to hear that. But I think you will have to take the help of a developer or a guy who is familiar with WordPress.

    I can’t help just by looking at your website as files are need to be checked to find out in which file the code is present.

    Note:- Please do not share login or ftp details here on this forum as it is publicly visible and can be misused by anyone.

    Thanks

    Thread Starter dantepogi

    (@dantepogi)

    Yes Sir.
    Will do that.
    My sincerest thanks.

    Your Welcome.. ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Texts & link disappear each time cursor is hovered over them.’ is closed to new replies.

Tags