[Resolved] How to make phone number & email in site tagline clickable

Home Forums Support [Resolved] How to make phone number & email in site tagline clickable

Home Forums Support How to make phone number & email in site tagline clickable

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1040838
    Leon Rowan

    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

    #1040840
    Leo
    Staff
    Customer Support

    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/

    #1040851
    Leon Rowan

    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.”.

    #1040879
    Leo
    Staff
    Customer Support

    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 ๐Ÿ™‚

    #1040886
    Leon Rowan

    Thanks Leo.

    Yes, we could do that.

    #1040896
    Leo
    Staff
    Customer Support

    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 ๐Ÿ™‚

    #1040900
    Leon Rowan

    Sorry Leo, I thought we were going to add the CSS before making it live.

    #1040921
    Leon Rowan

    Having to restore my site from backup and will revisit this tomorrow.

    #1041525
    Leo
    Staff
    Customer Support

    Sounds good let me know ๐Ÿ™‚

    #1041866
    Leon Rowan

    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.

    #1042595
    Leo
    Staff
    Customer Support

    Glad you figured out ๐Ÿ™‚

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.