website logo
Login
⌘K
Getting Started
Welcome
Branding Setup
Installation
Check HubSpot Permissions
Adding a Portal
Setup Wizard
Basics
Creating a Page
Theme
Theme Settings
Global Site Header and Footer
Custom CSS
Custom Fonts
App
Modules
Users
Custom Installations
Saving a Layout
Website Pages
Landing Pages
System Templates
Blogs
Generate Theme Previews
Sync Modules
Module Library
Navigation
Hero
Footer
Columns
Tabs
Offers
Cards
Bling
Elements
FAQ
Mobile Functionalities & Responsiveness
How can I change my page theme/template?
Can I upgrade my Sprocket Rocket Pro Theme to the new version?
Why are some modules on my Sprocket Rocket App locked?
How to customize a column size
What's the difference between Sprocket Rocket Pro and Sprocket Rocket Theme?
Do I need a HubSpot account?
jQuery version security issue
How to add users to your HubSpot Portal
Support
Submit a Ticket
Marketplace Theme
Docs powered by archbee 

How to customize a column size

How to edit a column module to fit your own sizing requirements.

To edit how wide or narrow each column will be on column modules. Please follow the following:

1. On your column module, edit each column accordingly by hovering over the column you wish to edit, and click on the pencil icon

edit column
edit column


2. On each column, please enable or check the box for Custom Column Size



3. Please keep in mind that all modules follow a twelve (12) column grid. 

grid
grid


This would help you determine how wide or narrow each of your columns can be.

4. To edit the width, click over the Column Width section, and choose how wide you want EACH column will have.  



5. The larger the number on each column, the wider it will get.

If the total width of all columns goes beyond 12, it automatically brings the column to the next line/row.

Updated 15 Dec 2022
Did this page help you?
Yes
No
UP NEXT
What's the difference between Sprocket Rocket Pro and Sprocket Rocket Theme?
Docs powered by archbee 
TABLE OF CONTENTS
How to edit a column module to fit your own sizing requirements.