Navigation
Archive / text after icon?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 26, 2016 at 3:54 pm #900997
    zendog22
    Participant

    Hi, is it possible to have text immediately after an icon? e.g. a phone icon and then the phone number on the same line or an email icon and the same?
    thanks in advance
    http://kentishandco.staging.wpengine.com/contact/

    April 27, 2016 at 6:31 am #901938
    Rupok
    Member

    Hi there,

    Thanks for writing in! Yes it’s possible with icon shortcode – http://theme.co/x/demo/renew/1/shortcodes/icons/

    You can place your code within Text Element like :

    [icon type="phone"] Phone: +44 1778 561326

    Hope this helps.

    Cheers!

    April 28, 2016 at 1:42 pm #904522
    zendog22
    Participant

    Thank you. I added the code below which has made the icon look a bit bigger. But now wondering if it’s possible to change the colour of the icon to #C1D82F. Thanks in advance

    <p style="text-align: left;">[x_icon style="margin: 0 2px; font-size: 1.75em;" type="phone"]</a> +44 1778 561xxx</p>

    <p style=”text-align: left;”>[x_icon style=”margin: 0 2px; font-size: 1.75em;” type=”phone”] +44 1778 561xxx</p>

    April 28, 2016 at 1:50 pm #904543
    zendog22
    Participant

    Oh I have figured it out. I have added this code and it’s a green phone icon.
    <p style=”text-align: left;”>[x_icon style=”margin: 0 2px; font-size: 1.75em; color: #C1D82F” type=”phone”] +44 1778 561xxx</p>

    Look OK to you?

    April 29, 2016 at 4:34 am #905391
    Paul R
    Moderator

    Hi,

    Yes, your code looks fine. Glad you were able to figure it out.

    Have a great day! 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-900997 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>