Home / Forums / You Theme Support / Change 'i' to Flag icon on header?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts

  • CreativeCore123
    Participant

    Fantastic theme! 😀

    I’m trying to change the information icon on the header bar to a flag icon if possible? I’ve download a translation plug in (GTranslate) which works great within the information widget panel – just need the icon updated using my basic developer knowledge! Appreciate your help and a recommendation of a different translation plug in if necessary. Thank you!

    Hi @creativecore123

    Can you send over your site’s URL and login credentials so we can check further on this?

    Regards,


    CreativeCore123
    Participant
    This reply has been marked as private.

    Hi,

    The flags should now appear instead of the ‘i’ icon. Add this CSS to properly format the flags:

    #header #acoda-tabs li.dock-tab.dock-info{
    margin-right: 0;
    padding: 0;
    width: 60px;
    margin-top: 23px;
    margin-left: -15px;
    }
    
    .gflag.nturl {
        float: left;
        margin-right: 5px;
    }

    Thanks!


    CreativeCore123
    Participant
    This reply has been marked as private.

    CreativeCore123
    Participant

    Just figured out it seems to work on lowercase only on the animated text.


    CreativeCore123
    Participant
    This reply has been marked as private.

    Hi,

    As we checked, it looks like this is an issue with the plugin. From what we see, the plugin doesn’t like more than one typewriter line of text on one page. If you have just the one line of text for the home page typewriter, it works. This is why the translation works on the contact us page but not on the homepage.

    It is best if you can coordinate this with the plugin support team for them to look into the issue.

    Regards,

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.