Avada Forums Community Forum icons next to next or ACF field results

Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • adampolyaire
    Participant
    Post count: 6

    Hi, I’d like to list a phone number, email, address and web URL on directory pages on my site with an icon next to the phone number, email, address and URL. I want it to look like the contact details on Avada cleaner https://avada.theme-fusion.com/cleaning-services/#contact

    I can’t see how to add them as captions to the icons, do I need to do it via text area or title, or is there an easy way with a single line of text perhaps as a DIV and then icon?

    stphnwlkr
    Participant
    Post count: 64

    There are several ways to do this. Here are the first three options I would consider:

    • Using the dynamic data, add font awesome code in the before field with a space after [example: <i class=”fas fa-phone”></i> ]
    • Use a nested column set to row and place an icon or image element and then the text element
    • Use custom CSS and a ::before pseudo element

    I am playing with a site that does this with font awesome – https://fallingwaterswv.com/businesses/potomac-park-retreat-and-conference-center/

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