Navigation
Archive / Changing the color of an icon
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 25, 2016 at 2:19 pm #1102357
    xsimon59
    Participant

    Hi-

    I have an question mark icon on this page – http://bostonhypnosis.com/wordpress/weight-loss-hypnosis

    It launches a popup. Could you tell me how to make it so the question mark will appear in the same color as the rest of the text? I don’t want it to be in the gold. Thanks.

    -Brian

    July 25, 2016 at 2:20 pm #1102362
    xsimon59
    Participant
    This reply has been marked as private.
    July 25, 2016 at 3:15 pm #1102436
    Rahul
    Moderator

    Hey There,

    Icons are actually fonts, you can modify it with the same CSS rules as for fonts. To modify the size you can use
    “font-size”, to modify the color you can use “color”.

    [icon style=”font-size:30px; color:blue;” type=”facebook-square”]`

    Hope it helps!

    July 29, 2016 at 11:37 am #1109044
    xsimon59
    Participant

    Um sorry, no it doesn’t. I don’t know how to program. What I’m actually hoping is that you can tell me specifically how to make the change. Can you help with that?

    July 29, 2016 at 1:44 pm #1109200
    Joao
    Moderator

    Hi There,

    Use this code instead for your icon and it will be the same color as your text.

    <i style="color:#7a7a7a;" class=" x-icon="" data-x-icon="" aria-hidden="true"></i>

    Hope it helps

    Joao

    August 4, 2016 at 9:39 am #1117337
    xsimon59
    Participant

    Yes, that I can use. Thanks very much, Joao.

    -Brian

    August 4, 2016 at 11:27 am #1117452
    Joao
    Moderator

    Let us know if you need help with anything else.

    Joao

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