Blending an Image with a Background Colour
In the Drag-drop and Contentbox editors, you can set an image to blend with its background colour via the STYLE EDITOR modal.
- To launch the Style Editor - hover over the required image and click the RED CHAIN icon that appears over the image.
- Click the styling palette icon, then choose the required mix blend mode from the OPACITY AND TRANSFORMS section.
Blending Example
Original Image
Background Colour
Background Colour set to an element, such as column, or inner.
A mix-blend-mode of Multiply was used.
Targetting an element to apply a Background Colour to:
Depending on the snippet block used, there will be different elements that you can target to apply the background colour to.
Columns generally have space around the outside, but if your snippet block has FIGURE, IMGBOX or INNER elements available, these can have their background colour set via the STYLE EDITOR (example below).
More From This Section
The Smaller Animals thumbnailer is great tool if you want to create smaller image file sizes before uploading lots of photos, or if you want to watermark your photos.
It is easy to create a popup of higher resolution images. Learn how
With the Drag-drop and Contentbox editors you can add a clipping path to an image
In the Drag-drop and Contentbox editors, you can set an image to blend with its background colour via the STYLE EDITOR modal.
This is the old method of adding rotating images to your website
You can add pins over the top of the image with a link and small description on hover.
You can add image dimensons (image height and image width) to your images via the Style Editor Popup
FAQ Topics
Building your site
Advanced Page Types
E-Commerce
- Shopping Basics
- Category Management
- Products
- Product Options
- Layout and Formatting
- Payment Options
- Processing Orders
- Advanced Ecommerce
- Product Pricing, Currencies
- Plugins
- Wholesale
- Rental, Booking and Appointment Systems
- Freight - Couriers
- Stock & Quantities
- Vouchers, Discounts, Loyalty Points
- Selling Photos / Prints
- Shopping Cart Add-on Page types
- Advanced APIs / Add ons
- Point of Sale (POS)
- Reports
- Orders / Invoices
Email & Membership
- Member Management
- Members Pages / Template Customisations
- From Addresses and Reply To Email Notifications
- Global Enquiry form options
- Standard Field Names
- Webmail
- Bulk Email
- CRM Features
- Email Campaigns
- Forums & Blogs
- Pop3/Imap Email Services
- Scams and Hoaxes
- Lead Magnets / Growing Your Customer Database
- Form Spam Filtering
