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    0
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    436
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    0
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    0
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    0
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    247
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    0
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    247
Simon
updated the code again, should work now

Share this post


Link to post
Share on other sites
Bakushan    0
Bakushan

updated the code again, should work now

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

Share this post


Link to post
Share on other sites
Danny    1,327
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

    • 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
    • cstudio
      By cstudio
      How do I control the lightbox effect on the plugin "popthumbs"?  On mobile, it opens up much to small then when expanded it opens to large.  I would like to control the the lightbox to like 90% of the viewer window but I can't figure out how/where to control that.
      Site example

       
      Thx
    • flourishdesignstudio
      By flourishdesignstudio
      Hello,
      I have an older site that was built using PageLines several years ago (prior to the release of DMS). I wanted to leverage some of the power of your new PL5 plugin but the theme prevents be from adding any generated custom sidebars to the theme (through the drag and drop interface) and does not allow me to add any PL5 sections/containers/etc to the header or footer. Is there any way to easily override that or am I stuck only using PL5 in the content areas of the site?
      Thanks so much for the help!
    • Queue-it
      By Queue-it+
      Hi,
      I am using pl-section-journey and hiding most of the images. When running the page via google speed insights, it tells to optimize all the images that are in this plugins default. (e.g. https://queue-it.com/wp-content/plugins/pl-section-journey/images/drawer-5.jpg ) Like this one that is not visible on the website, but is a part of the plugin and comes up in google insights.
      I've deleted all the images in the plugin, but they still seem to come up. Ref. this page: queue-it.com/features
    • JP
      By JP+
      Hello,
      How can you set the translations with platform5, the parts that are not in pages or posts? Texts and images…
×