notifications and question about tooltip / Popov

Hi,

I tried to customize the icon size for notification but it's not working, do you know why please ?
<div id="custom-notification-message" data-notify-position="bottom-left" data-notify-type="info" data-notify-msg="TEST<i class='i-large icon-info-sign'></i> TEST"></div>

I would like to show automatically a tooltip (with cross to close) on a specific elements in my webpage to help user to understand specific functionality. Is it possible to do that with data-toggle tooltip or Popovers ?

Thanks for your help

I tried some tests and "Popovers" will be a good way to help me if you have a good way to open it automatically and the possibility to add a cross for close or timer or both ideally ? :)

I find information on internet to show the popovers but I looking for a way to close the popover on click. Do you know if it's possible, I don't find any information on documentation about that.

<script>
    function popUpChat()
    {
        $("#popUpChat").popover("show");
    }

    function popUpChatHide()
    {
        $("#popUpChat").popover("hide");
    }    

    $('#popUpChat').popover({title: "help ? <a href='#' onclick='popUpChatHide()'>CLOSE</a>", 
                            content: "Click here to ... ", 
                            animation: true,
                            delay: {show: 500, hide: 100},
                            html: true, 
                            placement: "top",
                            trigger: "manual"
                            }); 
</script>

I found this but is not working ?!