Archived topic
How to make phone number & email in site tagline clickable
10 replies · Started by Leon on October 21, 2019
Hello,
I am running the latest Generate Press Premium. I am uncertain which 'child theme' I am using & don't know how to find out.
In my site tagline - which I have managed to set to the right of my logo and resize to the correct size etc - I have a phone number and an email address. I want to make both of these clickable to increase usability for visitors. I know what html code to use - different for phone and email - however I don't know how to INSERT the code.
Any suggestions please?
Thank you.
PS: My site is https://psychementoring.com
Hi there,
I would recommend using the header widget instead of site description field for something like that:
https://docs.generatepress.com/article/header-widget/
As for how to make them clickable, this should help:
https://www.w3schools.com/tags/tag_address.asp
https://css-tricks.com/the-current-state-of-telephone-links/
Thanks for your help Leo.
In my case, when i tried that just now, the header widget puts the text higher than the logo - so the original looks tidier.
Is there any way I can edit the code behind the site tagline area in the header please? In my original post I should have written: I don’t know how to INSERT the code in Generate Press site tagline area in the header instead of: "I don’t know how to INSERT the code.".
Header widget would definitely be the easier solution.
Can you add it as header widget for now and we can tweak it to look the same with some CSS?
Let me know :)
Thanks Leo.
Yes, we could do that.
I just checked and it's still added as site description.
Can you add it as a header widget first?
Make sure to clear and disable WP Rocket first while we work on this :)
Sorry Leo, I thought we were going to add the CSS before making it live.
Having to restore my site from backup and will revisit this tomorrow.
Sounds good let me know :)
Hello,
I have resolved this.
In case it helps anyone, here is what I did.
Bought CSS Hero plugin which showed me that one issue was size of image. Changed image size & adjusted using GeneratePress control in Customizer.
Installed WP Editor Widget plugin to improve formatting of text widget.
Discovered that despite my site using Open Sans font, there was no entry in WP Editor Widget dropdown for Open Sans. (Nor in posts, pages.)
Did some digging into font issue including viewed css via Plugin Editor.
Installed Google Fonts Typography plugin (free) and installed Open Sans.
Positioned and formatted text, including inserted code for clickable nofollow links in new window/tab. Changed colour of links. During this process I improved my message too. Tested my site speed. (5.5ms TTFB on Sydney test https://tools.keycdn.com/performance?).(2.06s load time Pingdom) (All A's on: https://www.webpagetest.org).
I am however puzzled about the font issue so may create a new topic about that. Ideally, I would prefer not to use yet another plugin AND the Google font Open Sans work I did seems to be slowing my site slightly.
Glad you figured out :)
