- This topic has 1 reply, 2 voices, and was last updated 3 months, 2 weeks ago by
.
Hi!
I am using the Architect theme of Jevelin https://jevelin.shufflehound.com/architect/. At the top where it says delivering high quality … and then it shows a slider on the right, I would like to replace that with a GIF. When the website loads the company logo would slide out from the vertical bar. I do not want it to be a continuous loop.
Question one: How can I make this happen?
Question two: What size do I need to make the GIF to include the entire width of the website?
Hello,
Thank you for reaching out!
Regarding your questions:
- How to Replace the Slider with a GIF: To replace the current slider with a GIF, you can use the WPBakery or Elementor page builder (depending on which you’re using with the Jevelin theme). Simply remove the slider element and add an image element, where you can upload the GIF. If you want the GIF to animate when the website loads (like your company logo sliding out), you might need to add custom animations or use a plugin that supports animations triggered by scrolling. While the Jevelin theme doesn’t have built-in support for advanced GIF triggers like a one-time play on load, you could achieve this effect by customizing the GIF behavior through the image making software that allows you to set it to play only once, rather than looping continuously.
- What Size Should the GIF Be: The recommended size for your GIF will depend on your specific layout. For a full-width design like the Architect theme, we recommend testing different widths. A good starting point would be creating the GIF with a width of 1024 pixels, but you may need to adjust it slightly depending on how it looks in your layout. Be sure to optimize the GIF file for web use to prevent slow loading times.
We haven’t specifically tested this configuration with a GIF, so I recommend trying different sizes and checking what looks best for your design. Also, while creating the GIF, you can use software that allows you to control the number of loops, ensuring it only plays once.
Please let us know how it goes, or if you need any further assistance!
Best regards,
Shufflehound team
