Activism is a free HubSpot theme for various websites like nonprofits, charities, social causes, political parties, law firms, social events, etc. It is a perfect theme for a beginner in HubSpot CMS themes and new users of HubSpot CMS. 
  • Easy to use, DIY theme settings
  • Drag and drop page builder with zero coding 
  • Highly customizable HubSpot modules
  • High-speed SEO-friendly theme  
  • Multi-language support 
Activism HubSpot theme is fairly easy to use. However, we offer a 30 min free theme consultation and setup. If you’re interested, contact us The free HubSpot theme contains:
  1. 25 theme modules 
  2. 8 templates
  3. 6 reusable sections
  4. 6 system pages 
We also offer theme and website customizations. If you think you’d like to be assisted, schedule a free meeting. 

2.Create Child Theme

As soon as you buy or download a theme, HubSpot will prompt you to start editing the page templates of the CMS theme. However, before rushing into starting your newly designed pages, consider creating a child theme. 


Setting up a child theme of the ACTIVISM HubSpot theme 

  • preserves the ability of the updates to be applied to the parent theme. 
  • Additionally, anyone including us, a third party, or you can change the code on your portal and extend your requirements and theme styles that are not currently adjustable on the parent theme.  
  • Even if you’re not going to edit the theme at all, creating a child theme ensures, you can receive regular updates from the HubSpot marketplace without hindering your customizations. 
  • Once the theme has been purchased, you can build up to 5 child themes with separate branding under the same account. In fact, Users of CMS Hub Enterprise can set up as many as 10 child themes.

2.1.Steps To Create a Child Theme

  • Open your HubSpot account > navigate to marketing > choose files and templates > select design tools
  • Find the @marketplace folder for the Glambiz theme > right-click on the Activism theme folder > select create child theme > name the child theme 

If you want to change the child theme location, do so by clicking change in the File location section. Select a folder > click select

3.Edit Theme Settings

To access the theme settings, you first need to create a page > edit page option > theme > edit theme settings. From the edit theme settings, you can access different settings on the themes like global colors, global fonts, typography, buttons, forms, tables, website header, website footer, spacing, and system page settings.  

3.1.Global Colors

To change the colors on your website, you can go to the global colors option. From here, you can change the primary, secondary, background, and heading colors.

HubSpot Theme : Global Colors

3.2.Global Fonts

From the global fonts option, you can change the heading and body fonts.

HubSpot Themes: Global Fonts


HubSpot Themes: Typography

The typography settings allow you to change the desktop font, line height, letter spacing, text transformation, etc., and change the mobile font height, line height, and letter spacing for headings, h1, h2, h3, h4, h5, h6, and the body. Additionally, you can alter the normal and hover link color.


HubSpot Theme: Buttons

There are 4 sub-settings under the buttons option. The buttons of your website can be edited from here. 

  • Button: Edit buttons font size, line height, text transformation, spacing, corner radius, and enable/disable animation.   
  • Normal: Change the style of the button in a normal state by editing the button text font, button background color, button style, and width.   
  • Hover: Change the style of the button in the hover state. Edit text color, background color, button border, style, and width.
  • Normal: Change the styles of buttons in the normal state. Edit text color, background color, button border, style, and width.  

Active: Change the style of buttons in the active state. Edit text color, background color, button border, style, and width.


HubSpot Theme: Forms

From the forms option, you can edit the following:

  • Title: Edit form text, background text, mobile & desktop spacing, and corner radius.
  • Labels: Edit the form label texts and spacings.
  • Help text: Edit the help text font.
  • Fields: Edit the input field placeholder color, text font, background color, background color, border style, spacing, border color on focus, and corner radius. Additionally, you can also change the paragraph content of GDPR texts and form rich text fields. 
  • Forms: Edit the form background color, spacing, and border style, and alter the corner radius. The border-radius only alters the bottom left and bottom right of the form 

Error messages: Edit the text, spacing, and border color of error messages.


 HubSpot Theme: Tables

To edit the tables on the website you have the following 4 sub-settings:

  • Table header: Edit the text color and background of the table header.
  • Table body: Edit table body text color and background color.
  • Table footer: Change the table footer background and text color.  

Table cells: Alter the border and spacing of table cells.

3.7.Website Header

HubSpot Theme: Website header

From the website header option, you can control the following:

  • Background: Change the header background color. 

Menu: Edit desktop and mobile header text, hover text font, active text font, edit dropdown text color, background color, hover text & background color. Additionally, you can also edit the active text font color which is only for mobile view.


HubSpot Theme: Spacing

From the spacing option, you can edit the maximum content width, horizontal spacing, and vertical spacing for desktop and mobile devices.

3.10.System Page Settings

HubSpot Theme: System page setting

You can enable the system page image, replace or remove the system page images, add alt text and decide image loading for error page 500, 404, email unsubscribe, and password prompt.  

3.11.Blog Setting

HubSpot Theme: Blog setting

From blog settings, you can access to two sub-settings:

  • Sidebar: You can enable or disable sidebar and other sidebar widgets like, topics, popular posts, and subscription form.  

Blog Post: Edit desktop and mobile content paragraph, alter image corners, enable or disable author name, timestamp, tags, and related posts.   

HubSpot Theme: Blog post

4.Activism Theme Modules

There are 25 modules in this free HubSpot theme.


The accordion module can help you create a section to add FAQs or a large piece of content users can toggle to show or hide. You can add multiple accordions, as many as you like.


You have the icon position choice of left and right. You can add the title and content of each accordion and replace or remove the opening and closing icons.       

accordion 2

From its style tab, you can edit icons, content, title, and text color. 

accordion 3


4.3.Blog Listing

Add blogs in listings with all other important details. You can display blogs on your website page with the blog listing module.   

blog listings

You can enable or disable blog meta information like tags, title, author, publish date, description, and button. You can edit the button text, and enable box-shadow and sidebar widgets.

blog listing 2

The sidebar widgets include the search, popular posts, category, and subscribe button. You can enable or disable either of these.

blog listings 3

From the style tab, you can control widgets and cards. You can change the card background color, content, and background color on hover, featured image corner radius, tags, titles, etc.

blog listings 4

4.4.Customizable Button

Add a donation or sign-up button on your website pages.

customizable buttonn

You can edit button text, set desired link, select to open link in a separate tab, etc.

customizable button

From its style tab, you can decide its alignment, and normal settings like button text font, background color, border color, width, corner radius, spacings, change content color from overwriting style option, etc.

customizable button 2


Add title and images in cards on your website pages.

card 1
cards 2

You can select the column layout from one, two, and three. Enable title, description, enable icon box, and button image. 


While you add multiple cards you can edit the card image, image loading, title, content, replace or remove the image at the button, image size adjustments, and maximum size.

card 2

From its style tab you can edit image corner radius and content alignment. From the overwrite styles option you can change content color.

card 3

4.8.Custom Form

Add a custom form according to your website’s requirements. You can add any form you want, like subscribe form, donation form, subscribe to the activism news feed, reach form, petition form, or event form. 

You can select form layout from multiple field form, or single field inline form.

custom form
custom form 03

You can also add multiple form fields and edit the form content according to your needs.

custom form 3

From the style tab of custom form, you can enable/disable the border button, desktop alignment, enable form max-width, desktop & mobile form spacing, background color, and border of input fields, and overwrite button styles (change normal & hover text background and border color), change button radius, etc.   

custom form 4

4.9.Donation Form

Collect donations from volunteers and sponsors via donation form. Contact us for customization. 

customized form

You can edit the form contents, fields, etc. like other forms on your website.

donation form

From the style tab you can also change the background color max width, form title, and the border and background color of the input field.

donation form 2

4.10. Event Listing

List events of your organization in the grid and set the number of rows.

events listings

You can add multiple event cards to your landing page.

events listings 03

You can edit each card’s content, tag, add or remove icon box, description, edit buttons, etc.

event listing 2

From its style tab you can edit the cards and modal.

events listing 3

4.12.Header Controls

The header controls can be edited from the global content editor. The header appears on the top of your website and landing pages. You can add multiple options for user navigation.

header controls

The header control module allows the user to enable a search option, select the display mode of the language switcher (localized, PageLang, hybrid), and button type, link, and text on the website header.

header control

4.13.Header Toggler

Drag and drop the header above the menu component for best results. You can select an icon or image for the toggle open and close option.

header toggler

4.14.Icon Box

Add multiple icons and their descriptions on landing pages.

icon box

You can select the number of columns you want to display, select an image or icon for each column, edit compact content and enable box shadow.

icon box 03

From the style tab you can edit the icon box background and content color, desktop & mobile spacing, and change icon color.  

icon box 5
icon box 4



Add images on landing pages anywhere you want.

image 2

You can replace or remove the image, add alt text, image size adjustments, and image loading.

custom image 2

From its style tab, you can set the image alignment for desktop and mobile, set corner radius, etc.

image 4


Add your custom logo with a logo module anywhere on your website pages.


You can enable a custom logo, replace or remove the logo, adjust its size, image loading, etc. You can control its visibility from the style tab.

logo 2


The map module will add a virtual map to your website. If you have a physical office where you carry on your daily activities or ask people to come over for an event, you can definitely add this module.


You can edit the content (title, subtitle, and container), pointer details, Map JSON, alt text, and image loading.

map 2
map 3
map 5
map 6

4.20.Social Follow

The social follow module allows you to add your social platforms like Twitter, Instagram, Facebook, and LinkedIn on your website pages, header, or footer.

social follow
social links


From the style tab of the social follow module you can overwrite icon color, change the background color, corner radius of the icons, desktop, and mobile horizontal alignments, etc.

social follow 02


The spacer module adds white space to the website and landing pages. With the spacer module, you can add vertical spaces between sections and modules as and when required.  


From its style tab, you can adjust desktop, mobile, and tablet height, and change background color.

spacer 2


Create single consecutive windows to show important details on landing pages along with a form.

tab 01

You can add multiple contents to your tabs and edit each of its image, title, content, add button and attach form too. 

TAB 02

You can edit navigation title background color, controls background color, overwrite styles, etc.

tab 2


The testimonial module can be used to display various testimonials on your landing page.


You can add multiple testimonials on your landing pages and replace or remove the slider arrow image for the previous and next testimonials.

testimonial 2

For every testimonial you add, you can remove or replace the client image, adjust the size, alt text, image loading, client review content, and replace or remove pattern images.  

testimonial 3

4.24.Title Content

The title content module allows you to add a title on any page. There is an option to add a mini title, edit content, and add primary & secondary buttons.

title content 01

You can enable a mini title, format content, and place a button with the title content.  

title content 4

From its style tab you can edit the text container background color, enable maximum width, desktop and mobile spacing, and content alignment, description, etc.

title content 5

4.25.Video Popup

Using the video module, you can add a video to your website or landing pages. These are very easy to work with and increase your page’s engagement rate.

Video Popup

You can replace or remove the video poster, select icon content, play icon, etc.

video popup 2

You can select either icon over image or content over the image. The default option for video pop-ups is an icon over the image.  

From the style tab, you can select desktop and mobile alignment, and enable overlay, frame, and corner border radius.

video popup 02

5.Theme Sections

There are 6 reusable sections that you can use with a single click. They are:

5.1.Call To Action


5.2.Two-column with content and card

content and card

5.3.Two-column with content and form


5.4.Two-column with content and image


5.5.Two-column with content and video


5.6.Two-column with video and content


6.Theme Templates



6.2.About us

about us





6.5.Contact us


6.6.Blog Listing

Activism blog listing

6.7.Blog Details

blog details

6.8.Donation (Landing Page)


7.System Pages

7.1.Error 404

404 error

7.2.Error 500

500 error

7.3.Backup Unsubscribe

email unsubscribe

7.4.Subscription Preferences

Subscription Preferences

7.5.Subscription Confirmation

subcription confirmation

7.6.Search Result

Search results

7.7.Password Prompt

Password Prompt
Suggest Edit