Image to open contact form

2»

Comments

  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited March 3, 2020

    @Hikin' Mike said:
    Should have mentioned it is on your footer code.

    It's really just an HTML content box being used as a footer.
    Anyway, I fixed the missing . No difference.
    Seems the code doesn't like being in multiple places on the same page and the last (lower) instance on the page bOrks out.
    I just realized, based on the code the link is really in 3 places. There are 2 links in the 1st code I posted. One on an image and one on the text "abby@lovingandlearningcare.com" Both of those work.
    It's just that last one that's being used as the footer that does not.

  • Hikin' MikeHikin' Mike Registered Users Posts: 5,448 Major grins

    @brandofamily said:

    @Hikin' Mike said:
    Should have mentioned it is on your footer code.

    It's really just an HTML content box being used as a footer.
    Anyway, I fixed the missing . No difference.
    Seems the code doesn't like being in multiple places on the same page and the last (lower) instance on the page bOrks out.
    I just realized, based on the code the link is really in 3 places. There are 2 links in the 1st code I posted. One on an image and one on the text "abby@lovingandlearningcare.com" Both of those work.
    It's just that last one that's being used as the footer that does not.

    Could be.

    Unrelated, but you might want to verify your e-mail you posted in the code earlier. The site goes to a not found page.

  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins

    Thanks. That email is a place holder for now until my daughter gets the real email set up.
    The code works on all pages unless there are BOTH html boxes on the page.
    Still trying to fix it. Stumped.

  • Hikin' MikeHikin' Mike Registered Users Posts: 5,448 Major grins

    @brandofamily said:
    Thanks. That email is a place holder for now until my daughter gets the real email set up.
    The code works on all pages unless there are BOTH html boxes on the page.
    Still trying to fix it. Stumped.

    The reason that both of those links work is because both are nested within this div:

    <div class="sm-footer-navitem-contact">
      <a href="#"><img src="https://photos.smugmug.com/Info-Pages/Site-Image/i-tgtSqFF/0/fce01722/Ti/FAVPNG_email-logo-clip-art_1RwRABHK-Ti.png" width="25" height="25" hspace="10"></img></a> 
      <a href="#">abby@lovingandlearningcare.com</a>
    </div>
    

    If you did this, only the first will work.

    <div class="sm-footer-navitem-contact">
      <a href="#"><img src="https://photos.smugmug.com/Info-Pages/Site-Image/i-tgtSqFF/0/fce01722/Ti/FAVPNG_email-logo-clip-art_1RwRABHK-Ti.png" width="25" height="25" hspace="10"></img></a> 
    </div>
    
    <div class="sm-footer-navitem-contact">
      <a href="#">abby@lovingandlearningcare.com</a>
    </div>
    

    I played around earlier and I can't make all contact forms work. Like you've seen, only one will work, the first instance in the page. The only way to have multiple contact links is to use a single menu item, but you can't use an image.

  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins

    Thanks. If you find a solution that fits my needs please let me know.

  • Hikin' MikeHikin' Mike Registered Users Posts: 5,448 Major grins

    @brandofamily said:
    Thanks. If you find a solution that fits my needs please let me know.

    Since I can't see your site, I'm kind of flying (coding) blind, but I think I have a solution. You will have to use a single Menu on either your footer or your home page/interior page(s). You'll need to this to your theme's custom CSS section and you'll need to change the node number (.sm-page-widget-xxxxxxxx) accordingly:

    .sm-page-widget-xxxxxxxx .sm-page-widget-nav-toplink a {
      content: url('https://photos.smugmug.com/Info-Pages/Site-Image/i-tgtSqFF/0/fce01722/Ti/FAVPNG_email-logo-clip-art_1RwRABHK-Ti.png');
      width: 32px;
    }
    

    That will display your Contact text to your image.

  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins

    @Hikin' Mike said:

    @brandofamily said:
    Thanks. If you find a solution that fits my needs please let me know.

    Since I can't see your site, I'm kind of flying (coding) blind, but I think I have a solution. You will have to use a single Menu on either your footer or your home page/interior page(s). You'll need to this to your theme's custom CSS section and you'll need to change the node number (.sm-page-widget-xxxxxxxx) accordingly:

    .sm-page-widget-xxxxxxxx .sm-page-widget-nav-toplink a {
      content: url('https://photos.smugmug.com/Info-Pages/Site-Image/i-tgtSqFF/0/fce01722/Ti/FAVPNG_email-logo-clip-art_1RwRABHK-Ti.png');
      width: 32px;
    }
    

    That will display your Contact text to your image.

    Thanks. I am not sure it's what she wants, this is for my daughter's site, but I'll give it a try.

Sign In or Register to comment.