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.