load – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Fri, 20 Sep 2024 21:15:09 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 Theme Options: Loading https://xtratheme.com/docs/theme-options/theme-options-loading/ https://xtratheme.com/docs/theme-options/theme-options-loading/#respond Mon, 24 Jun 2024 11:18:03 +0000 https://xtratheme.com/docs/?p=1753

Description and Screenshot

Step 1
XTRA

Loading options

Under General > Loading you can enable page loading with image or percentage or custom loader HTML code.

  1. Loading – Enable/disable loading feature
  2. Effect – Select loading in/out effect
  3. Loading Type – Select type between Image, Percentage and custom HTML
  4. Image – Upload your loader custom image, GIF recommended
  5. StyleKits – You can customize loader background and Image styling
Theme options loading
Tips

You may want to know …

  • Custom SVG – You can set loading type to custom then insert you own custom SVG animation loader codes.

  • Image – GIF format recommended but you can also upload JPG, PNG or even SVG file.

]]>
https://xtratheme.com/docs/theme-options/theme-options-loading/feed/ 0
How to Set Up a Preloader for Your Website? https://xtratheme.com/docs/how-to/how-to-set-up-a-preloader-for-your-website/ https://xtratheme.com/docs/how-to/how-to-set-up-a-preloader-for-your-website/#respond Tue, 18 Jun 2024 12:00:35 +0000 https://xtratheme.com/docs/?p=3027

Loading …

Step 1
How?

Set the loading

  1. Go to Theme Options (Theme Customize)
  2. Click on General
  3. Click on Loading panel
  4. Turn On the Loading option
Loading

You can upload custom image for loading (Gif, jpg or SVG)

You can customize the loading via these Stylkits, text color and overlay colors

Option

Loading Types

  • Image – GIF format recommended but you can also upload JPG, PNG or even SVG file
  • Percentage – Showing percentage of loaded content
  • Custom Code – You can set loading type to custom input and insert you own custom SVG animation loader codes
]]>
https://xtratheme.com/docs/how-to/how-to-set-up-a-preloader-for-your-website/feed/ 0