Jump to content

Archived

This topic is now archived and is closed to further replies.

Bakushan

Changing header image so it dials phone number when clicked?

Recommended Posts

Bakushan

Hello everyone!

I have searched the forums for the answer to this, and cannot find the answer.

My client's site is here. http://diamond-jim.com/

Currently when you click the banner at the top, it just takes you back to the home page.

We would like for when you click the banner for it to call a number, since a majority of the visitors to the site are on mobile. I know this is possible, and have the code to do it, but I dont know where to put the code.

I am aware of where the custom code input is for the childtheme in Pagelines, but do not know how to properly format the code to be a phone number (or any link I wish for that matter) instead of the default home page link.
 
Any help is appreciated. Thank you so much!

-Jared

Share this post


Link to post
Share on other sites
James B

Hi Jared

 

If you could let us know the type of code you have, html/script/php etc then we'll be able to advise the best place to enter it. Most likely it will need to go within a hook in the functions.php of a child theme for that type of action.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
Bakushan

Hi Jared

 

If you could let us know the type of code you have, html/script/php etc then we'll be able to advise the best place to enter it. Most likely it will need to go within a hook in the functions.php of a child theme for that type of action.

I am not sure where exactly to retrieve this information for you.

http://guynesdesigns.com/diamondjim/wp-content/uploads/2013/07/diamond-jim-tyler-header.gif

[attachment=2152:headerf.jpg]

Share this post


Link to post
Share on other sites
Bakushan

<a class="plbrand mainlogo-link" title="Diamond Jim Tyler" href="callto://12148560425">

Thats what I am trying to do.....

Share this post


Link to post
Share on other sites
Bakushan

Using the answer from here:
http://stackoverflow.com/questions/13354600/phone-number-with-letters-click-to-call

https://gist.github.com/Pross/11057572

not tested tho...

Where do I insert this code? I tried it in the two places,

"Custom CSS / LESS
Insert custom CSS or LESS styling here. It will be stored in the DB and not overwritten.
Note: The professional way to customize your site is using a child theme, or customization plugin"

and

Header Scripts Pro
Scripts inserted directly before the end of the HTML <head> tag

**

Neither of them yielded any change...

The top one showed the code in black lettering above the header image. The 2nd way showed no change at all. Both remind the banner being clicked and went back to the home page.

 

http://diamond-jim.com/
 

Share this post


Link to post
Share on other sites
Simon
it needs to go in the pahe head area, i added script tags to the gist.

Do not put it in the css box, it is javascript not css ;)

Share this post


Link to post
Share on other sites
Bakushan

I put in the code here, as shown.

No difference. Went to it on my phone... clicked it.. nothing.

Code is still there if you want to check it on your phone.

http://diamond-jim.com/

 

2zhk67q.jpg

Share this post


Link to post
Share on other sites
Simon
updated the code again, should work now

Share this post


Link to post
Share on other sites
Bakushan

updated the code again, should work now

WORKS!!!!!!!!!!!!!!! <3<3

Share this post


Link to post
Share on other sites
Danny

Thanks for informing us the issue has been resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • chamois_blanc
      By chamois_blanc+
      Hello,
      Shouldn't the image PL5 component be using the srcset/picture css directives to pick the correct size for an image? or it does already and I don't know how to use it? Thank you for any advice or enlightenment.
    • Paul
      By Paul+
      I was surprised to see I had no menu today - out of the blue - its actually moved to the bottom of the page!  After hours of fiddling and disabling every single plugin, leaving just plagelines the issue is still present.  See video for a basic text box - I moved it into the head and it jumps to the bottom and shows just above the footer but below the main content.  I have a temp fix by placing the menu into the first row on the main content but it does mean other than my home page, all other pages have no menu.  A quick fix is very urgent for this bug.
      https://thelaptopfixers.com
       
       
    • russe-intensif
      By russe-intensif+
      Hi team,
      checking my site today, i'm surprised to see my MegaNav all in bottom of the pages, while it's in header.
      After getting to change it in couple of pages onto Template part (too time consuming !), i'm desperate and ask you for help :-)
      apprendre-le-russe-avec-ania.fr
      Thank you in advance !

    • jagipson
      By jagipson+
      @Andrew @Simon
       
      I was wondering on your old documentation for DMS you supply the code for a Nested Column:
      <div class="row"> <div class="span4">4</div> <div class="span8">8 <div class="row-fluid"> <div class="span6 zmb">6</div> <div class="span6 zmb">6</div> </div> </div> </div> You don't explain how to do this in Platform 5 Besides <div class="row"> </div>
      Whats the appropriate code for a nested section in Platform 5.
    • BentleyD
      By BentleyD+
      Hey there,
       
      I am working on BentleyRolling.com. I used grams on MoonbodySoul.com and all the images are cropped to a square, whether they are square or 4:5 when posted on instagram, they still get cropped to a square. This looks way better than some being squares and some being 4:5. Did something change since I designed MoonBodySoul.com with Platform5? Can you help me crop all images to a square on BentleyRolling.com 
       
      All the best,
       
      Bentley
×