Sec Logo
How to configure the POWER sec logo module
TABLE OF CONTENTS
Page Speed Impact
Setup Instructions
Module Options
Page Speed Impact
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
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.