Image Gallery Block

Add a beautiful image gallery using Radius Block image gallery block.

1. How to add an Image Gallery? #

To add the Image Gallery Block in your Gutenberg editor first click on (+) icon then in the search box type “Image Gallery” and you will see the “Image Gallery” block.

Now you need to add images you can upload image or can select pre-uploaded images from WordPress media.

After select images from WordPress media now you can add image caption.

2. General Settings #

From the general settings tab, you can set layout, image column and gap.

  • Layout: From our pre-defined layouts you can select which style you like. In Grid layout has multiple pre-sets.
  • Settings: Set the column how many columns you want to display in the image gallery, Set the image to image gap, and set the main image hover effect, and overlay image hover effect.
  • Control: You can enable or disable image caption, Fancy box, and Fancy Box caption.

3. Style Settings #

From the Styles settings tab, you can set all possible styles like border, border style, border rarius, and other style settings.

Image Style has multiple settings #

  • Border: You can set image normal and hover border style and border radius.
  • Shadow: You can set the image shadow.
  • Image Filter: Set image filter like image blur, 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 a default border or hover border with different border styles and also can set border radius.
  • Shadow: You can set box shadow for normal and hover style.

Powered by BetterDocs