Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Phone Icon to the left of phone number on top bar

Home Forums Support Phone Icon to the left of phone number on top bar

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #399720
    Jud

    I would like my top bar to look like

    | [phone icon] +1-111-222-3333 [linkedIn Icon] |

    I had the phone number on the left, without the icon, but when I added a second lightweight icon, even though the controls had the phone number text widget aligned to the left, it would align to the right.

    My understanding is that I should have three widgets:
    Phone Icon – aligned left
    text (of phone number) – aligned left
    LinkedIn icon – aligned right

    Is it possible to get the alignment I want?

    GP Premium 1.4.3
    #399752
    Leo
    Staff
    Customer Support

    Hi there,

    Are you using the secondary menu already?

    If you can link me to the site I might be able to provide an alternative method.

    Let me know.

    #400066
    Jud

    Hi Leo,

    I do not believe I am using “secondary menu”. I am using GP 1.4.3, pretty close to stock.

    What do you mean by “link me to the site”? The URL is softwarecopywriting.com, hosted on bluehost.

    What do I do next?

    #400098
    Tom
    Lead Developer
    Lead Developer

    In your first Custom HTML widget, add this:

    <i class="fa fa-phone"></i> 123-456-7890

    Then in the second widget, try adding this:

    <a href="URL TO LINKEDIN"><i class="fa fa-linkedin"></i></a>

    #400179
    Jud

    Thank you, Tom!

    By the way, who is the guy with the beard next to you in the photo?

    Also,

    Could something similar be done with the Lightweight Social Icons?

    #400346
    Tom
    Lead Developer
    Lead Developer

    hahah 😉

    Lightweight Social Icons wouldn’t allow you to add text to the icons, at least not without some custom code. If you’d like to set it up using LSI and link me to the page, I might be able to help 🙂

    #400599
    Jud

    Tom,

    Thanks for your offer, but the current solution is good enough. 80/20 and all that. GP is really good, and I hope it is doing well for you!

    I am currently hunting for a good overview of the WP/GP layout model, so I can do better than random guessing as to what makes this part wider, or what makes this space taller.

    divs, and spans, divs and spans (but mostly divs)

    Take Care,

    Jud

    #400733
    Tom
    Lead Developer
    Lead Developer

    Glad you’re enjoying it! 🙂

    #400787
    Jud

    Very good support!

    #400933
    Tom
    Lead Developer
    Lead Developer
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.