Skip to main content

Social Media Banners

With the Social Media Banners section, you can stylishly display your social posts and banners, logos of brands you carry, partners you work with, or social media channels where you are active. This is a powerful way to project authority and trust to your visitors.

General Layout & Background​

Set up the base of the section to ensure it aligns perfectly with the rest of your page:

  • Color scheme: Choose the color scheme for the background and text of this section.
  • Section display (Type): Determine whether the background spans the full width (Full width / Edge-to-edge) or is centered within a frame (Box / Container).
  • Background image: You can give the section extra character by setting a background image (with the option for a separate photo for mobile).
  • Height & Background height: Choose whether the section automatically grows with the logos (Auto) or work with a fixed height (Fixed). With a fixed height, use the slider (0-100%) to determine how far the background color extends.

Display: Slider or Grid​

You have full control over how the logo banners are displayed via the Display type:

  • Grid: The logos are in a fixed layout. Determine exactly how many columns (logos next to each other) you want to show for desktop (2 to 6), tablet (1 to 4), and mobile (1 to 3).
  • Slider: The logos are in a swipeable carousel. Set how many logos are visible at once. Use 'half' numbers (such as 1.5 or 2.5) on mobile to indicate that visitors can swipe.
    • Navigation & Effects: Enable pagination dots, let the logos stagger playfully (Alternate image offset), or let the slider visually extend outside the frame (Carousel outside container).

Image ratio: For both types, determine the shape of the logo areas, from square (1:1) to various landscape or portrait formats.

Text & Buttons​

Introduce your partners or brands with a text block above the logos:

  • Alignment: Align the title and introductory text to the left, center, or right.
  • Title Formatting: Fully customize the SEO HTML tag, the visual size (H1 to display), and the font weight of the title.
  • Content (Rich text): Use this field for a short explanation or a call-to-action.
  • Action buttons (Buttons): Add up to two buttons below the text.
    • Give the button a label and link the appropriate URL.
    • Check Secondary button style for a transparent 'outline' look.
    • Optionally add an icon (such as a right arrow).

Adding blocks (Banners)​

You build the content of this section with individual Banner blocks. Add a block for each logo:

  • Logo (Image): Upload the image of the logo here. Tip: Use transparent .PNG or .SVG files for the cleanest result.
  • Title: The name of the brand or channel (also used as alt-text for SEO).
  • Link: Make the logo clickable by linking a URL to it.