Table of Contents
Display Company Brand using Radius block Logo Slider
1. How to add the Logo Slider Block? #
To add the Logo Slider Block in your Gutenberg editor first click on (+) icon then in the search box type “Logo Slider” and you will see the “Logo Slider” block.
After inserting the “Logo Slider” block you will get the default look like below. Now you need to change the preset and other settings.
2. General Settings #
The General settings tab has the logo item, slider options and brand title and URL options. The General settings panel properties are as follows.
- Logo Item : You can set your company logo, title and URL link.
- Settings: The settings has logo title display on/off option and image dimension options.
- Slider Options: The slider options has slider handling all options like auto height, loop, autoplay, stop on hover, autoplay delay, slider transition speed, space between, slides to item, arrow navigation on/off, arrow style, dot navigation on/off, dot style and slider loader on/off options.
3. Style Settings #
From the Styles settings tab, you can set all possible styles like margin, padding, height and other style settings.
- Grid: You can set the Margin, Padding and Height of the logo
- Background: You can set your desired background in the wrapper like flat color, gradient color, or an image with image overlay color with opacity.
- Border: You can set default border or hover border with different border styles also can set border-radius.
- BoxShadow: You can set box shadow for normal and hover style.
- Image Filter: You can set normal and option Opacity, Brightness, Contrast, Saturation and Hue
- Slider Arrow: you can set slider arrow with individual icon, icon size, color, background, border, arrow button dimension, position.
- Slider Dot: You can style slider dot with color, size, gap, position.
4. Advanced Settings #
From the advanced settings tab, you can control the wrapper style.
- Wrapper Margin & Padding: You can set the wrapper margin and padding in px, em or %
- Background: You can set your desired background in the wrapper like flat color, gradient color, or an image with image overlay color with opacity.
- Border: You can set default border or hover border with different border styles also can set border-radius.
- Shadow: You can set box shadow for normal and hover style.
