Preloader customization

Home Forums Porto – Responsive HTML5 Template Preloader customization

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #10043218

    Hello, when viewing the live template examples on your site, there is a Style Switcher which offers several different options for Perloader. This are all nice, but I’m looking for how to customize that. I would like to have my own logo with some effect as a preloader.. Type of effect is not so important, could be any (fade in-out, rotating, or whatever is possible, just changing different SVGs is also an option for me…).
    How to achieve this ?
    Do you have some documentation where you could point me to ?



    You can add your logo as an img element insider the loading overlay DIV, for example:

    <body class="loading-overlay-showing" data-loading-overlay data-plugin-options="{'hideDelay': 500, 'effect': 'default'}">
    	<div class="loading-overlay d-flex justify-content-center align-items-center">
    		<img alt="logo" width="100" height="50" src="" />

    Kind Regards.

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