Preloader customization

Home Forums Porto – Responsive HTML5 Template Preloader customization

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

    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 ?


    #10043220
    Support
    Keymaster

    Hi,

    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="https://placehold.co/200x100" />
    	</div>
    .....

    Kind Regards.


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