Build Smarter, Save Bigger
Start the Year With Smarter Design Solutions

New Year

Special Offer

New Year

Special Offer

Build Smarter, Save Bigger
Start the Year With Smarter Design Solutions

Now is your last chance to buy a lifetime license before switch to annual pricing. Existing License will be Unaffected.

aBlocks Color Control lets you easily change the colors on your website to match your brand. With aBlocks advanced Color settings make it easy for anyone to get the perfect colors and make your brands different. 

Text Color Settings

First, select a block where you want to apply the color. For example, I took a list block to show you the advanced color settings.

navigate the aBlocks advanced color settings

To customize the block, ensure you are in the block settings section. Then, click on the Style to access the color settings. Scroll down a bit until you see the color panel, and click on it. You will now see all the customization options available.

aBlocks Color Control

You can change the color by hovering the pointer on the color. Below, you will see two more sliders.  The first allows you to change the color, and the second controls color opacity. Just drag the sliders left or right to adjust.

Navigate the color controllers

Additionally, an exciting feature is the ability to clear all colors and customizations with a single click on the reset icon located in the top right corner.

Background Color Settings 

Next, let’s talk about the background color settings. For that, go to the advanced options and scroll down until you see the Background section.

Background Color Settings

Simply click on the Background and select the Color. Then, click Add New Color, and a new popup will appear.

Now you can see three different types of color styles. You will now see three types of color styles: Simple, Linear, and Radial. Now I will discuss in detail one by one. 

I have already explained the simple color settings. Now comes the second one.

Linear

Customize Linear section

With Linear, you can apply a gradient background with a single click on the color box. You can adjust the Angle of your gradient by moving the pointer left or right. This angle is measured in degrees (°) and is set to 90° by default. You can change it by entering a different angle in the box or by moving the pointer over the color.

Lin

After that, you’ll see a line with three color pointers: start, middle, and end. To change the gradient color, simply click on a pointer, and the active color will appear at the bottom. You can then click on the color and adjust it as needed. If you select the first pointer, you can change the starting color, if you select the last pointer, you can change the ending color shown in the color box.

At last, comes the Location section.

Location section Customization

In this section, you can change the location of your color. Just drag your gradient color pointer left or right which you want to change, and you will see the difference in the color box and your selected block background. Also, you can change that by dragging the Location pointer and putting the number on the Location box. 

Radial 

Radial Color settings

This is also a gradient color like the previous one. This is similar to Linear but changes the gradient style. The same customization options apply.

Here are all the ablocks advanced color settings. If you still have any questions or face any issues you can comment to us and also you can create a support ticket. Our dedicated team is always happy to help you.