Default Style

  • Jeanette Kingston

    Jeanette Kingston

    Creative Director
    hello@example.com
    Digital excellence comes in many shapes. We always focus on what benefits our customer first.
  • Alan Cooper

    Alan Cooper

    Vice President
    hello@example.com
    Digital excellence comes in many shapes. We always focus on what benefits our customer first.
  • John Smithy

    John Smithy

    Chief Financial Officer
    hello@example.com
    Digital excellence comes in many shapes. We always focus on what benefits our customer first.
  • Peter Sandler

    Peter Sandler

    Senior Engineer
    hello@example.com
    Digital excellence comes in many shapes. We always focus on what benefits our customer first.
  • Ricardo Gomez

    Ricardo Gomez

    HR Manager
    hello@example.com
    Digital excellence comes in many shapes. We always focus on what benefits our customer first.

    Primary Style

    • Jeanette Kingston

      Jeanette Kingston

      Creative Director
      hello@example.com
      Digital excellence comes in many shapes. We always focus on what benefits our customer first.
    • Alan Cooper

      Alan Cooper

      Vice President
      hello@example.com
      Digital excellence comes in many shapes. We always focus on what benefits our customer first.
    • John Smithy

      John Smithy

      Chief Financial Officer
      hello@example.com
      Digital excellence comes in many shapes. We always focus on what benefits our customer first.
    • Peter Sandler

      Peter Sandler

      Senior Engineer
      hello@example.com
      Digital excellence comes in many shapes. We always focus on what benefits our customer first.
    • Ricardo Gomez

      Ricardo Gomez

      HR Manager
      hello@example.com
      Digital excellence comes in many shapes. We always focus on what benefits our customer first.

      Secondary Style

      • Jeanette Kingston

        Jeanette Kingston

        Creative Director
        hello@example.com
        Digital excellence comes in many shapes. We always focus on what benefits our customer first.
      • Alan Cooper

        Alan Cooper

        Vice President
        hello@example.com
        Digital excellence comes in many shapes. We always focus on what benefits our customer first.
      • John Smithy

        John Smithy

        Chief Financial Officer
        hello@example.com
        Digital excellence comes in many shapes. We always focus on what benefits our customer first.
      • Peter Sandler

        Peter Sandler

        Senior Engineer
        hello@example.com
        Digital excellence comes in many shapes. We always focus on what benefits our customer first.
      • Ricardo Gomez

        Ricardo Gomez

        HR Manager
        hello@example.com
        Digital excellence comes in many shapes. We always focus on what benefits our customer first.

        Small Boxes Style

        • Jeanette Kingston

          Jeanette Kingston

          Creative Director
          hello@example.com
          Our solid conviction is that if a business is to be upgraded, it's to be streamlined.
        • Alan Cooper

          Alan Cooper

          Vice President
          hello@example.com
          Our solid conviction is that if a business is to be upgraded, it's to be streamlined.
        • John Smithy

          John Smithy

          Chief Financial Officer
          hello@example.com
          Our solid conviction is that if a business is to be upgraded, it's to be streamlined.
        • Peter Sandler

          Peter Sandler

          Senior Engineer
          hello@example.com
          Our solid conviction is that if a business is to be upgraded, it's to be streamlined.
        • Ricardo Gomez

          Ricardo Gomez

          HR Manager
          hello@example.com
          Our solid conviction is that if a business is to be upgraded, it's to be streamlined.

          04 Columns

          • Kingston

            Kingston

            Creative Director
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          • Kingston

            Kingston

            Creative Director
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          • Kingston

            Kingston

            Creative Director
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          • Kingston

            Kingston

            Creative Director
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          • Kingston

            Kingston

            Creative Director
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          • Kingston

            Kingston

            Creative Director
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.

            05 Columns

            • Kingston

              Kingston

              Creative Director
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            • Kingston

              Kingston

              Creative Director
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            • Kingston

              Kingston

              Creative Director
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            • Kingston

              Kingston

              Creative Director
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            • Kingston

              Kingston

              Creative Director
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            • Kingston

              Kingston

              Creative Director
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.

              06 Columns

              • Kingston

                Kingston

                Creative Director
                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
              • Kingston

                Kingston

                Creative Director
                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
              • Kingston

                Kingston

                Creative Director
                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
              • Kingston

                Kingston

                Creative Director
                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
              • Kingston

                Kingston

                Creative Director
                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
              • Kingston

                Kingston

                Creative Director
                Lorem ipsum dolor sit amet, consectetur adipiscing elit.

                Larger Style (Fixed Width Mode)

                • Teodor Alda

                  Teodor Alda

                  Photographer
                  Digital excellence comes in many shapes. We always focus on what benefits our customer first.
                • Arthur Vargas

                  Arthur Vargas

                  Project Manager
                  Digital excellence comes in many shapes. We always focus on what benefits our customer first.
                • John Smithy

                  John Smithy

                  Chief Financial Officer
                  Digital excellence comes in many shapes. We always focus on what benefits our customer first.

                Blend Mode and Navigation Outsite

                • Jeanette Kingston

                  Jeanette Kingston

                  Creative Director
                  demo@warptheme.com
                  That’s not just a problem for criminals, but for biometrics in general.
                • Alan Cooper

                  Alan Cooper

                  Vice President
                  demo@warptheme.com
                  That’s not just a problem for criminals, but for biometrics in general.
                • John Smithy

                  John Smithy

                  Chief Financial Officer
                  demo@warptheme.com
                  That’s not just a problem for criminals, but for biometrics in general.
                • Peter Sandler

                  Peter Sandler

                  Senior Engineer
                  demo@warptheme.com
                  That’s not just a problem for criminals, but for biometrics in general.
                • John Smithy

                  John Smithy

                  Chief Financial Officer
                  demo@warptheme.com
                  That’s not just a problem for criminals, but for biometrics in general.

                  Center the list items

                  • Kevin Richards

                    Kevin Richards

                    Founder Nest
                    That’s not just a problem for criminals, but for biometrics in general.
                  • Eva Hudson

                    Eva Hudson

                    Co Founder
                    That’s not just a problem for criminals, but for biometrics in general.
                  • Stuard Ferrel

                    Stuard Ferrel

                    Marketing Manager
                    That’s not just a problem for criminals, but for biometrics in general.
                  • Melissa Tatcher

                    Melissa Tatcher

                    Designer
                    That’s not just a problem for criminals, but for biometrics in general.
                  • Kevin Richards

                    Kevin Richards

                    Founder Nest
                    That’s not just a problem for criminals, but for biometrics in general.
                  • Eva Hudson

                    Eva Hudson

                    Co Founder
                    That’s not just a problem for criminals, but for biometrics in general.

                    Content Fields

                    Here is a list of common content fields for Team add-on.

                    Setting Description
                    Image An image field with an image picker.
                    Name A text field used for name of the person
                    HTML Element Choose on of the elements to fit your semantic structure.
                    Style Heading styles differ in font-size but may also come with a predefined color, size and font
                    Designation A text field used for designation of the person
                    Email A text field used for email of the person
                    Description A text field used for Description of the person
                    Add Social Icons Add social icon for person profile.

                    Style Settings

                    Style settings, The Style Settings contains all the specific settings for an add-on. Here is a short overview.

                    Setting Description
                    Image Style To modify the border radius of an element, like an image.
                    Image Blend Mode Apply different blend modes to your backgrounds, for example when placing them on images.
                    Designation Style Predefined text style for designation
                    Email Style Add predefined text color to email elements.
                    Card Style Select one of the boxed card styles or a blank panel
                    Social Position Place Social Links before or after description text

                    Slider Settings

                    Learn more about slider settings and how to use the settings.

                    Setting Description
                    Slide all visible items at once To loop through a set of slides instead of single items.
                    Center the active slide Check this option to center the list items.
                    Autoplay To activate Slider autoplays to the attribute.
                    Interval The delay between switching slides in autoplay mode.
                    Item Width Mode Define whether the width of the slider items is fixed or automatically expanded by its content widths.
                    Gutter The Gutter setting defines the spacing between columns.
                    Show dividers Select this option to separate grid cells with lines.

                    Column Settings

                    Columns control the grid layout of your content.

                    Setting Description
                    Phone Portrait/Phone Landscape/Tablet Landscape/Desktop/Large Screens Set the number of grid columns for each breakpoint. Inherit refers to the number of columns on the next smaller screen size.

                    Learn more about navigation settings and how to use the settings.

                    Setting Description
                    Navigation Display Select the navigation type, show or hide navigation control.
                    Position Select the position of the navigation.
                    Margin Apply a margin between the navigation and the slider container.
                    Breakpoint Display the navigation only on this device width and larger.
                    Color Set light or dark color if the navigation is below the slideshow.

                    Slidenav Settings

                    Learn more about slidenav settings and how to use the settings.

                    Setting Description
                    Position Select the position of the slidenav.
                    Margin Apply a margin between the slidnav and the slideshow container.
                    Breakpoint Display the navigation only on this device width and larger.
                    Color Set light or dark color for the slidenav.

                    General Settings

                    General settings, which are the same across all add-ons, are grouped in a General section at the bottom. Here is a short overview.

                    Setting Description
                    Margin Keep the existing vertical margin (e.g. from headings), force specific margin or remove all margin. Margins of an element can be removed from the top and bottom.
                    Remove top margin. Use this option to remove the add-on's top margin
                    Remove bottom margin. Use this option to remove the add-on's bottom margin
                    Animation Overwrite the animation settings from the section. This won't have any effect unless animations are enabled for the add-on.
                    Alignment This option specifies the alignment of an add-on according to the surrounding element
                    Text Breakpoint Define the device width from which the alignment will apply.
                    Visibility Define when the add-on should be hidden.
                    CSS Class If you wish to style a particular content element differently, then use this field to add a class name and also refer to it in your css file.