Seamless Logo Carousel Plugin for Hostinger Website Builder
Scroll to the bottom of this page to see the plugin in action!
Overview
Elevate your Hostinger Website Builder experience with the Seamless Logo Carousel Plugin.
Designed specifically for Hostinger users, this plugin lets you showcase brand partnerships, sponsor logos, or any image collection in a sleek, continuous loop. Its smooth, adjustable scrolling effect seamlessly integrates into any website, providing an elegant way to display logos that are responsive and customizable.
Why Choose Seamless Logo Carousel for Hostinger?
Tailored for Hostinger: Developed with Hostinger Website Builder's framework in mind, ensuring flawless compatibility and performance.
Continuous Loop Scrolling: Engage your visitors with an endless display of your logos, ensuring constant visibility for all your brands or sponsors.
Fully Responsive Design: Looks perfect on any device, from desktop to mobile, thanks to mobile-first design principles.
Customizable Speed and Transition: You can adjust the scroll speed and transition effects to match your site's flow, creating a cohesive user experience.
Easy-to-Adjust Settings: Change logo display numbers, sizes, and spacing with simple, intuitive settings.
Sophisticated Fade/Gradient Effect: Logos smoothly blend in and out with a fade effect at both carousel ends, against any background color.
Efficient Design: Achieve a continuous loop effect without duplicating logos, keeping your page load times fast.
Installation and Customization Guide
Designed for ease of use within the Hostinger Website Builder, the plugin includes a detailed guide for quick installation and customization. Tailor everything from scroll speed to logo sizes and the fade effect to seamlessly fit your site’s unique style.
Step 1: Access Your Hostinger Website Builder
Log in to your Hostinger account and open your Website Builder. Navigate to the Website Settings and proceed to the Integrations section.
Step 2: Insert the Plugin Code
In the Integrations section, find the Custom Code window. Here, you'll add the plugin's core functionality to your site. Copy the CSS and JavaScript code snippets from your plugin purchase and paste them into the designated areas within the Custom Code window.
Customizing the Carousel
Directly within the pasted CSS, you'll find several variables designed for customization:
--myLogoSlider-logo-width: Adjust this to change the width of the logos within the carousel.--myLogoSlider-spacing-between-logos: Modify this variable to increase or decrease the space between each logo.--myLogoSlider-transition-speed: Set the speed of the carousel's animation to your liking.--myLogoSlider-bg-color: Change this to match the carousel's background fade effect with your website's color scheme.
For JavaScript customization, refer to the documentation provided with the plugin for specific attributes you can modify to further tailor the carousel's behaviour.
Step 3: Save and Update Your Website
After customizing the plugin to your preferences, click Save to apply the changes. Then, Update your website to make the changes go live.
Visitors will now see a beautifully integrated, seamless logo carousel that enhances your website's professionalism and appeal.
Scroll to the bottom of this page to see the plugin in action!
Overview
Elevate your Hostinger Website Builder experience with the Seamless Logo Carousel Plugin.
Designed specifically for Hostinger users, this plugin lets you showcase brand partnerships, sponsor logos, or any image collection in a sleek, continuous loop. Its smooth, adjustable scrolling effect seamlessly integrates into any website, providing an elegant way to display logos that are responsive and customizable.
Why Choose Seamless Logo Carousel for Hostinger?
Tailored for Hostinger: Developed with Hostinger Website Builder's framework in mind, ensuring flawless compatibility and performance.
Continuous Loop Scrolling: Engage your visitors with an endless display of your logos, ensuring constant visibility for all your brands or sponsors.
Fully Responsive Design: Looks perfect on any device, from desktop to mobile, thanks to mobile-first design principles.
Customizable Speed and Transition: You can adjust the scroll speed and transition effects to match your site's flow, creating a cohesive user experience.
Easy-to-Adjust Settings: Change logo display numbers, sizes, and spacing with simple, intuitive settings.
Sophisticated Fade/Gradient Effect: Logos smoothly blend in and out with a fade effect at both carousel ends, against any background color.
Efficient Design: Achieve a continuous loop effect without duplicating logos, keeping your page load times fast.
Installation and Customization Guide
Designed for ease of use within the Hostinger Website Builder, the plugin includes a detailed guide for quick installation and customization. Tailor everything from scroll speed to logo sizes and the fade effect to seamlessly fit your site’s unique style.
Step 1: Access Your Hostinger Website Builder
Log in to your Hostinger account and open your Website Builder. Navigate to the Website Settings and proceed to the Integrations section.
Step 2: Insert the Plugin Code
In the Integrations section, find the Custom Code window. Here, you'll add the plugin's core functionality to your site. Copy the CSS and JavaScript code snippets from your plugin purchase and paste them into the designated areas within the Custom Code window.
Customizing the Carousel
Directly within the pasted CSS, you'll find several variables designed for customization:
--myLogoSlider-logo-width: Adjust this to change the width of the logos within the carousel.--myLogoSlider-spacing-between-logos: Modify this variable to increase or decrease the space between each logo.--myLogoSlider-transition-speed: Set the speed of the carousel's animation to your liking.--myLogoSlider-bg-color: Change this to match the carousel's background fade effect with your website's color scheme.
For JavaScript customization, refer to the documentation provided with the plugin for specific attributes you can modify to further tailor the carousel's behaviour.
Step 3: Save and Update Your Website
After customizing the plugin to your preferences, click Save to apply the changes. Then, Update your website to make the changes go live.
Visitors will now see a beautifully integrated, seamless logo carousel that enhances your website's professionalism and appeal.
Scroll to the bottom of this page to see the plugin in action!
Overview
Elevate your Hostinger Website Builder experience with the Seamless Logo Carousel Plugin.
Designed specifically for Hostinger users, this plugin lets you showcase brand partnerships, sponsor logos, or any image collection in a sleek, continuous loop. Its smooth, adjustable scrolling effect seamlessly integrates into any website, providing an elegant way to display logos that are responsive and customizable.
Why Choose Seamless Logo Carousel for Hostinger?
Tailored for Hostinger: Developed with Hostinger Website Builder's framework in mind, ensuring flawless compatibility and performance.
Continuous Loop Scrolling: Engage your visitors with an endless display of your logos, ensuring constant visibility for all your brands or sponsors.
Fully Responsive Design: Looks perfect on any device, from desktop to mobile, thanks to mobile-first design principles.
Customizable Speed and Transition: You can adjust the scroll speed and transition effects to match your site's flow, creating a cohesive user experience.
Easy-to-Adjust Settings: Change logo display numbers, sizes, and spacing with simple, intuitive settings.
Sophisticated Fade/Gradient Effect: Logos smoothly blend in and out with a fade effect at both carousel ends, against any background color.
Efficient Design: Achieve a continuous loop effect without duplicating logos, keeping your page load times fast.
Installation and Customization Guide
Designed for ease of use within the Hostinger Website Builder, the plugin includes a detailed guide for quick installation and customization. Tailor everything from scroll speed to logo sizes and the fade effect to seamlessly fit your site’s unique style.
Step 1: Access Your Hostinger Website Builder
Log in to your Hostinger account and open your Website Builder. Navigate to the Website Settings and proceed to the Integrations section.
Step 2: Insert the Plugin Code
In the Integrations section, find the Custom Code window. Here, you'll add the plugin's core functionality to your site. Copy the CSS and JavaScript code snippets from your plugin purchase and paste them into the designated areas within the Custom Code window.
Customizing the Carousel
Directly within the pasted CSS, you'll find several variables designed for customization:
--myLogoSlider-logo-width: Adjust this to change the width of the logos within the carousel.--myLogoSlider-spacing-between-logos: Modify this variable to increase or decrease the space between each logo.--myLogoSlider-transition-speed: Set the speed of the carousel's animation to your liking.--myLogoSlider-bg-color: Change this to match the carousel's background fade effect with your website's color scheme.
For JavaScript customization, refer to the documentation provided with the plugin for specific attributes you can modify to further tailor the carousel's behaviour.
Step 3: Save and Update Your Website
After customizing the plugin to your preferences, click Save to apply the changes. Then, Update your website to make the changes go live.
Visitors will now see a beautifully integrated, seamless logo carousel that enhances your website's professionalism and appeal.
Here’s the plugin in action. You can add up to 20 partner logos in total.
Need some help? Download our Hostinger plugin installation guide here: