search

mouse0270 / bootstrap-notify

Turns standard Bootstrap alerts into "Growl-like" notifications.
http://bootstrap-notify.remabledesigns.com/
MIT License
2.25k stars 642 forks source link

How align the close icon in center instead of on the top #121

Open usamamashkoor opened 9 years ago

usamamashkoor commented 9 years ago

Hi i have searched all the documentation but i did not find any solution of this How align the close icon in center instead of on the top their is a close class on the message but it is also a bootstrap class so it disturbs the other alerts on my site here is my code $.notify({ // options message: 'msg' },{ // settings type: 'success' },{ icon: 'glyphicon glyphicon-star' } ); Kindly help me on this. Thanks in advance

mouse0270 commented 8 years ago

You should be able to add this to your css file. This will specify only the close in the notify. you may need to change the margin-right it should be half the size of your close button width.

.close[data-notify="dismiss"] {
    right: 50% !important;
    margin-right: -6px !important;
}

If this works, please let me know and close this issue. If you need anything else let me know.