A clipping path will alter the appearance of the child image by clipping the image to the coodinates specified in the path.
Examples of images with clipping paths applied.
Online path generators
Clippy is a good online resource to get a preset style, or create your own. You can copy the required css code from the bottom of the page.
Example Clip Path (Hexagon)
This could be copy-pasted into the field to clip to a pentagon shape. To get a standard pentagon shape ensure the images are set to crop to square.
polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)
Where to add the clip path
You can add a clip path via the Image Properties popup when hovering over an image.
Example of the clip path location in the Crop Image popup.
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
The Basics
Building your site
- Pages
- Content Editor Modes Explained
- - DRAG DROP Editor (Default)
- - CONTENTBOX Editor (Advanced)
- - WORD STYLE Editor (TinyMCE)
- - LIVE Editor (Click to Edit Mode)
- Styling Content
- Images / Backgrounds
- Banners and Sliders
- Uploading content
- Design Templates
- Forms
- More Q & A
- Menus
- Mobile Styling and Optimisation
Advanced Page Types
E-Commerce
- Shopping Basics
- Category Management
- Ngā Hua
- Product Options
- Layout and Formatting
- Ngā Kōwhiringa Utu
- Processing Orders
- Advanced Ecommerce
- Product Pricing, Currencies
- Plugins
- Wholesale
- Bookings Management System
- Freight - Couriers
- Stock & Quantities
- Vouchers, Discounts, Loyalty Points
- Selling Photos / Prints
- Shopping Cart Add-on Page types
- Advanced APIs / Add ons
- Te Wāhi Hoko (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
Promoting your site
Advanced
- Power User Options
- Form Spam Filtering
- Wordpress
- PHP Setup
- [TAGS]
- jQuery snippets
- Search External Links / Import external content
- HTML / CSS Snippets
- Embedding Web Fonts
- Loading additional Material Symbols styles
- FAQ Help Map
- Uploading local font files
- Advanced Template Customisation, CSS, etc
- Languages and Translations
