google-site-verification=Ls9KcWrF2YZT7kMIaBSLGLUrYl--Png3qoN53OOo4WM Spectra - Image Block - Spectra

No results found. Try again with different words?

Search must be at least 3 characters.

Spectra – Image Block

Images bring life to your WordPress posts and pages by making them more engaging. Spectra solves this problem by making it easier to add and align images in WordPress.

The challenge is knowing the correct image sizes to use in each instance. There is no standard “perfect” size for all websites because each website is different. But you ensure your images are a good fit for your site. That’s where this post comes in!

This article will show how you can easily add and align images in WordPress to create beautiful content layouts.

How to add an Image block

To insert the image block, click the Toggle block inserter + icon and search for the image block.

Spectra - Image Block

You will see three buttons inside the blank image block. You can upload an image from your computer, select an already uploaded image from the media library, or insert an image by providing the image file URL.

Spectra - Image Block

Next, click the ‘Upload’ button and select the image you want to upload from your computer.

WordPress will upload the image to your media library and insert it into the image block as soon as you select the image.

General Settings

Now, let’s discuss the general settings of the image block. Here you can set the layout to either normal or overlay. When you enable the overlay option, you can add a heading and caption over the image.

Also, you can set the image size, dimensions, and hover animation effects here. If you want to add a caption to the image, you need to set the enable caption toggle button to on mode.

Mask: Under the mask tab, you can choose the mask shape from the options available in the dropdown. Also, you can set the mask size and position here.

Style Options

Under the style tab, you can set the with, radius, and border to the image from the available styling options. You can set the color of the border when it is normal and hovered. Also, you can add the Box Shadow on the image.

Was this article helpful?

Did not find a solution? We are here to help you succeed.

Build Ultra High performance
Websites, Without Coding

Whether you are a beginner, marketer, or professional, Spectra has the tools and resources you can rely on to succeed

Get your hands on Spectra pro

Enter your name and email address and be the first to learn about updates and new features.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.