Table of Contents
Display logo using Radius block Logo Grid
1. How to add the Logo Grid Block? #
To add the Logo Grid Block in your Gutenberg editor first click on (+) icon then in the search box type “Logo Grid” and you will see the “Logo Grid” block.
After inserting the “Logo Grid” 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 preset option and Title, description and button text and URL options. The General settings panel properties are as follows.
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
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.
