Clients
“Clients” content element is useful to show your clients/customers, for whom you have made projects, provided services, products etc. The usual way to do this is to show an overview of your “best of” customers logos/identities in a grid or carousel.
Check this demo page showing different clients styles:
https://codex-themes.com/thegem-elementor/elements/clients/
Note: all this styles can be easily customized to meet your individual design needs. No coding needed.
You can find “Clients” element in editing panel of Elementor in “TheGem Elements” group
Content Tab
Layout
Skin: you can choose between grid layout or carousel. In case you have selected “grid”, you can additionally specify:
Rows: number of rows in your clients grid
Columns: number of columns in your clients grid
In case you have selected “carousel”, you can then enable a full width carousel using Stretch to Full Width.
Clients
This section contains a repeater, where you can add any number of clients for your grid/carousel. Each client is one item, containing:
Logo: here you can upload your client’s logo or choose one in media library. You can use SVGs as well.
Link: you can specify a link for each client
Brand Name: to have a better overview over the added clients, we recommend to use this field, which is a title of this client in the repeater
Options
Image Size: select which WP image size you wish to use for images in grid
Navigation Dots: for grid layout, in case you have added more clients then it can be displayed in the selected rows and columns, a navigation dots paginator will automatically appear below the grid, allowing a website visitor to slide to another portion of clients. You can also disable this paginator in case you don’t need it
Navigation Arrows: for carousel, you can enable or disable display of navigation arrows
Autoscroll: if enabled, you can then additionally specify the autoscroll speed
Style Tab
Container Style
This style section appears in case you have selected grid layout. Here you can specify different container settings like height and gaps, select background, border etc.
Image Style
Style settings for images in grid / carousel.
Navigation Dots Style
For clients grid: in this section you can style navigation arrows for clients carousel.
Arrows Style
For clients carousel: in this section you can style navigation arrows for clients carousel.