Display Promoted links in Multiple Lines

Hi,

I am trying to Display Promoted links in Multiple Lines in sharepoint Online and used the following link for reference:

http://www.rbradbrook.co.uk/Blog/Post/14/Displaying-Promoted-Links-on-Multiple-Lines

When editing the webpart I am getting things correct as below:

Image may be NSFW.
Clik here to view.

Once I save this , its showing as list.

Image may be NSFW.
Clik here to view.

Image may be NSFW.
Clik here to view.

Any suggestions or help in this.

Thanks in advance