How to use Pixabay for your images
Pixabay is a wonderful stock of free images where you can find and use millions of free images. Thanks to an API developped by Pixabay you can browse all the royalty free images directly from the interface of Page Builder CK and download it in your website with one click.
Using Pixabay in Page Builder CK features :
- Browse millions of free photos
- Download of the image in your website folder with one click
- Compatible with EIR (Easy Image Resizer) to automatically resize your image on download
- Caching of requests for a higher speed when displaying images
- Lazy loading of images with infinite scroll
- Compatible multilanguage for the search : you can select your language
- Compatible ACL : define who has the rights to use it
Setup a slideshow with thumbs
By default the slideshow is displayed with small dots on the images: it's pagination. According to your need you want to display the thumbnails of the images without pagination. To do this go to the module options and set them like this
Pagination: noThumbnails: yes
And here's the result :
Color palette
You can define a set a 5 colors that you can use when creating your content. This is called the color palette.
Your color palette in Page Builder CK has 3 features :
- Set up manual colors for the current page / article / module
- Set up the colors in the component options (shared between every page / article / module)
- Automatically retrieve the colors from the template created with Template Creator CK (since version 4.0.22)
Addon - Animated number
Use Page Builder CK to create amazing animated numbers ! You can set up the options to make it look as you want. You can play with the color, circle diameter and width, start and end number value, and many more. See the details explanations.
Set up your images caption from a folder
When importing images from a folder to show in the slideshow you can use a file to tell how to show your images. You can set up the title, description, link, video and the order of the images will be set up as they are in your file.
You just have to edit one file to have a total control how what to show in your slider.
Full width and fixed width rows
The most recent designs are using even more full width areas to show everything. Sometime the background color is full width but the content is boxed and limited to a standard width, and sometimes the content is as large as the page (example for a slideshow). You can do all that with Page Builder CK.
This article will explain you how to do that, but it will especially explain you that the "fullwidth" design is also related to your template. Of Couse Page Builder CK is fully compatible with Template Creator CK.
On each row (of first level) you can choose how do you want it to be :
- Fullwidth (by default)
- Fullwidth with Javascript (forces to the screen size)
- Fixed content width : value by default in the component option, or specific value for each row
- Fixed content width, automatic with the template created with Template Creator CK
Nested rows
Use Page Builder CK to create unlimited designs. You can have nested rows (rows in rows) with an unlimited number of imbricated levels.
Just drag and drop your new Row from the left panel into the parent row, and that's it.
You can :
- Add a row in the page container
- Add a row in another row
- Manage the columns in every row
- Move a row from the page container to another row
- Move a row from a parent row to the page container
- Move a row from a parent row to another row
Override Image Effect CK with your own styles
There are a lot of predefined effects in the plugin that you can apply on your images. But if you could modifiy them in a secure way, and add your own ? This is possible !
You can create your own css file and use the override system so that it will not be losted by a future update, and you can create a JSON file to list your own css classes to use.
Page 7 of 10
News