Skip to content
  • There are no suggestions because the search field is empty.

Sec Logo

How to configure the POWER sec logo module


Screenshot 2024-08-02 at 18.08.10


TABLE OF CONTENTS

Page Speed Impact
Setup Instructions
Module Options



Page Speed Impact

kb-green

Low - The text module itself will not have a significant impact on page speed.

Exceptions - Additional impact if images, videos and other content are added to the rich-text editor without being properly sized and compressed. An image background can also impact page performance.

Take a look at our performance guide to get your website running its best!




 

Setup Instructions

How to Set Up the POWER Sec Text Module

Logo item options

Content → PWR Sec Logos

The PWR sec logos module is designed to give you a module to demonstrate logos associated with your business in a grid or slider format. Normally we see customers use this to demonstrate other brands they have worked with, but you can use this for anything you feel might catch your customers attention!

 

Module Options

These settings are available for the POWER sec logos module.

Building the Logo Module

Intro to title

This will set the sub header in smaller text to appear above your main header. 

Title

This will set the main title of your module. 

Title - Header Type

This will set the HTML markup of your header (h1, h2, h3 etc) and by default it will style your header based on your theme settings. You can set the header here with a different styling through your module's style settings if you wish. 

Description

A brief description of the information you will place within your logo content sections.

Client Logo Item

Add in multiple logo items to be displayed within your module.

Client Logo Item → Image

Set the image to be displayed with your module. You can se multiple client logo items to display multiple image items in your module. 

Client Logo Item → Link

Choice to set this to link to content (your published HubSpot CMS pages), External (Any website URL), A file, Email address, Phone Number, Pop-up CTA, Payment Link or Blog Post within your HubSpot CMS. 

Client Logo Item → Link Type

Set this link to no follow. This will stop any automated website crawler (such as search engines) from following this link. 

Client Logo Item → Use Internal URL Instead

Use this if you wish to use a URL that links to the page this module is on. This is useful for linking to a specific section of your page through an anchor link. 

Slider Settings

Choice to set your slider to autoplay, display navigation arrows or use navigation bullets.

Layout → Choose Layout

Choice between slider to display all logo items in a horizontal line sliding across the visitors window or a grid to display all items in a single grid. 

Layout → Number of Columns

The amount of columns within a single horizontal row your logos will display in. 

Layout → Full Width (Content)

Check this to set your content to be the full width of your module. 

Layout → Intro Width

Set the intro text to be the full width of your content or not. 

Layout → Centered

Set all content within your module to be centered. 

Layout → Vertical Alignment

Choice to vertically align your logos to the top, middle or bottom of your module. 

Layout → Boxed Section

This will set your module to have a boxed section layout, offering some additional options in the positioning of your module. For more information on boxed sections see our boxed sections article

Layout → Padding Top/Bottom & Margin Top/Bottom

Add additional padding and margins to the top and bottom of your modules. Padding/Margins Left & Right will be depending on your boxed sections and previously set layout options. 

Styling your text module

Style → Greyscale Logos

Set your logos to be greyscale instead of their uploaded colors. 

Style → Color Scheme

Choose between your light and dark color scheme defined in your theme settings.

Style → Intro Title Style - Text

Choose between default (inherited from your theme settings), a specific color, or create your own gradient. 

Style → Intro Title Style - Background

Set a background color or color gradient as the background of your title text.  

Style → Title Style

Choose between default (inherited from your theme settings), a specific color, or create your own gradient. 

Style → Title Size

Set the style from your theme settings that your title will inherit. This will not affect the HTML markup of your title so will not affect any SEO on your title. This will just cause the title to inherit the styles for this title set out within your theme settings. 

Style → Section Shadow

Enable this checkbox to set a shadow for your text module, providing a 3d effect. 

Style → Background

Choice of Background Color, Background Image/Video, Background Gradient, or Transparent.

Style → Shape Divider

Set a specific shape to be used between the divide of this module and your next one. 

Animation

Control the animations of your module, for more information see the website animation article

Anchor Link ID/Custom Class

Set a specific anchor link for this module or a custom class to target this module within your child.css stylessheet