Creed HubSpot Theme

1. Codeless HubSpot theme for self customization.
2. Responsive HubSpot theme. Works well on all device types. 
3. Multi-language support for wider audience understanding. 

After you create a page using the creed theme, you can edit themes settings by going to the theme section of the edit page menu.

Under the edit theme settings you have the following options:

The global color setting will have an effect on the color of the entire website. You can change the primary, secondary, tertiary, heading, and body background color.

Similar to global colors, global fonts are responsible for all fonts displayed on your website.

Typography means arranging letters and texts such that the content is legible, visually appealing, and clear to the visitors. You can change the typography of each heading, H1, H2, H3, H4, H5, H6, body and links.

For all the headings, you can change the font, line height, letter spacing, and text transformation. For mobiles, you can change the font size, and line height.

Similar settings are available for the body and links.

Button settings on your website include dark and light button settings.

You can edit the button text font size, line height, button spacing & padding, button corner radius and enable button animation. You can edit text color, background color, and border of buttons too.

Spacing in the theme settings options is for maximum content width.

You can also edit the section spacing, both horizontal and vertical.

For the website header, you can enable box shadow, edit the box shadow colors, and change the website header background color.

From the menu option, you can change the menu font for desktop, text transformation, line height, and font size for mobile. You can also change the drop-down text color, background color, hover text, and background color.

Just like the website header, you can change the background color, desktop heading font, line height, and text transformation, change font size and line height for mobile devices, edit the menu, etc.

You can edit the form title text, background color, spacing, border, and form corner. (The border-radius only alters the top left and top right of the title)

You can change the font, line height, and letter spacing of the text labels, edit the help text font, rich text font, GDPR text font, change the color of the placeholder and background, adjust the spacing, border color, style, and width, border coloron focus, and corner radius of the form fields.

You can also change form background spacing, border style, corner radius, error message font and color, line height, letter spacing, text transformation, and spacing.

You can change the text color and background color of the table header, table body, and table footer. You can change the spacing, padding, border style, color, and width of the table cells.  

Blog settings include enabling sidebar and other blog post settings. From the sidebar, you can enable topics, popular posts, and subscription forms.

From the blog settings, you can change paragraph content font size, line height, and letter spacing, enable hiding/showing the author’s name, timestamp, tags, and related posts, and edit border-radius.

The system page settings allow you to replace or remove the system page icon or image, add alt text and decide on image loading. These settings are available for Error page 404,  500, email unsubscribe, and password prompt.

Modules are small editable components that you can add to your website and landing pages. Just drag and drop them anywhere you want. Consider the following 26 modules present in the Creed free HubSpot theme. 

Use the accordion module when you want to display content in question-answer format. Create vertical sections for your content with the answer dropdown. Visitors have the option to show or hide related content gradually.

You can add multiple questions and answers to the FAQ section. Each accordion has options to edit content and icon position choice. You can also replace and remove the opening and closing icons.

From the style tab, you can change the accordion background color, its spacing from the margin above and below, border radius, and enable or disable box shadow. Other options include adjusting the title and content font and spacing and overwrite content color.

While creating landing pages and home pages for your religious website, banners are efficiently required. They are the first thing that a devotee will see as they click through your website. 

You can select a banner layout from the background image, background color, and banner with an image.

You can select the banner layout, select from button or breadcrumbs, or replace or remove the image or background color according to the banner layout selected.

From content, you can add mini titles, format content, and change breadcrumb text color.

Other settings include changing the text alignment of the banner, enabling maximum width, and changing title & mini title text color.

The blog listing module allows you to add blogs as a list in a number of rows and columns.

From the blog meta information, you can enable featured images, tags, title, authors, publish date, description, button, button text, enable/disable box shadow, set box shade select category or sub-category, and edit author and pagination label.

From the sidebar option, you can add a search bar, edit category titles, subscription form titles, popular post titles, etc.

From its style tab, you can change the title font, hover, and normal font color of the title, popular post, and other widgets.

The blog-related posts add related posts on the blog detail page so that the user can continue to read the related blog post.

You can edit the section title and change the button text too.

Add a donation, join the event or sign-up button on your website pages. Three types of buttons are available, namely, filled dark outlines dark, and filled light.

You can select button type, edit button text, and attach links.

From the style tab, you can change the button alignment, background color, and border color for button hover and normal state. Additionally, you can adjust button spacing, text font, line-height, spacing, border style, color, width, etc.

Add title and images or icons in cards for quick pointers on your website/landing pages. You can select upto four columns for card displays.

* Four-column choice

You can enable icons or images for cards, enable title and description, set icons or images, add multiple cards, etc. For each card, you can replace or remove the card icon or image, edit the heading and add content.

From the card style tab, you can change the alignment for desktop, edit card corners, and background & heading color, and box spacing for mobile and desktop.

The copyright module can be used on the footer to show your copyright text along with the privacy policy and terms and conditions links. You can edit the copyright module from the global module settings. On the edit page menu, navigate to content > footer no navigation > select “open in global content editor” > go on the bottom of the page > hover over the copyright module > make changes.  

Read more about How To Edit Global Modules? 

You can add the copyright text, privacy policy & terms and conditions text, link, and URL.

From the style tab, you can edit spacing and padding.

The progress bar shows activity in progress and how much of it is left. You can add a horizontal progress bar for showing your fund collections.  

You can add a start and end label, progress percentage, and enable progress count. You can add the title and amount to each progress count.

From the style tab, you can edit the progress bar radius and fill color, progress bar label text, and color, and adjust the maximum width for mobile and desktop.

Add a custom form according to your website’s requirements. You can add any form you want, like subscribe, donation, contact, etc.

You can select the form layout from a single field form, multiple field form, and single field form (button at the bottom).

You can choose the form layouts, edit the form title, choose an existing form or create a new one. You can also edit the form content by adding or removing fields. Additionally, you may edit the thank you text. Other options include enabling form box-shadow, and input field box shadow.

You can add an individual image to your website page through the image module.

For the image module, you can replace or remove the image, mention alt text, adjust size, and image loading, etc.

From the image style tab you can change desktop and mobile alignment and image corner radius.

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

You can edit the form title, choose a form for donation, enable box shadow, replace or remove the image, and enable content over the image, too.

From the style tab, you can edit the form background color, maximum width, input field background and border color, form title border bottom color, text color over the image, and image corner radius.    

The event listing module displays events in a list so that your visitors know what’s going on or upcoming in your community. You can add details and images related to your event to make it attractive.

You can add multiple listings for events, enable lists, and accept links.

For every event card, you can replace or remove the image, set image loading, change the title, add or edit the list, and edit the acceptance link and text.

The navigation module helps you add an exploration path for your visitors. You can add a menu with important page links.

You can select the creed menu or create a new one too.

Gallery module displays images with captions on your website pages.

You can enable subtitles, add subheadings, and add multiple gallery grids.

You can add multiple images and alt text in a single gallery grid.

Under the slider settings, you can enable slider dots, slider navigation, replace or remove previous & next navigation icons, change image loading and add alt text. 

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 select the display mode of the language switcher from hybrid, PageLang, and localised. You can enable or disable the search option and edit its placeholder text, enabling the action button type and text. For instance, in the above image the button text is, “Donate Us”.

From its style tab, you can change the background color and icon color.

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.

From the style tab, you can adjust spacing and padding of the toggler.

Icon box module is used to add multiple icons and their descriptions on landing pages.

• Icon box with Title content ( Compact layout, 3 columns)
  

• 2 column card layout
  

  
  You may select the icon box layout from card or compact, the number of columns you want to show, select icons or images for the icon box, add content, and enable box shadow.   

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

You can enable a custom logo, replace or remove your custom logo image, add alt text, adjust image size, and add links. 

If your church or religious institution has multiple branches, you can use this module too .

The map slider settings has options to change the title text, subtitles and container. You can add the map API, pointer details, map JSON, adjust the map zoom level, set center latitude and center longitude.

The map module will add a virtual map to your website. The map module is for adding maps on your website. You can replace or remove the location pointer.

From the style tab, you can edit the border-radius and height for desktop and mobile, card title color, and background color. You can add center latitude and longitude as well.

The map settings from the style tab allow you to edit map corners, desktop, and mobile height.

Add a menu bar on your webpage using the menu module. Create a new menu or use an old one on your landing pages.

You can select the creed menu and make changes accordingly like selecting the maximum levels. The maximum level determines the number of menu tree children that can be expanded in the menu.

From the style tab, you can edit the text color. The drop-down menu has the option to change the drop-down text color, background color, style color and width.

The pastor module is to display your religious individual or the head of your religious institutions.

You can add multiple pastors’ images and other details.

For every pastor, you can remove and replace the image, member’s name, and designation, enable social links and update its URLs and icons too.  

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

You can select which social media links you want to add and replace or remove icon accordingly. 

You can change the background color, edit the icon radius, and change the horizontal desktop and mobile alignment from the style tab.

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.

You can adjust the height for desktop, mobile and tab and change background color.  

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.

You can enable a mini title, format the title content, add a button, and replace or remove the list icon. 

You can also enable a primary and secondary button. Select the button type and edit the text to add these buttons. 

• Title content with the primary and secondary button

 

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. You can show your church or other religious and social activities videos. 

You can remove or replace the video poster, adjust the size of the poster, set the maximum size, replace or remove the play icon, select icon position, and add the video link.  

You can set alignment, enable overlay, change overlay color, overwrite icon color, and change it’s background color, and the border radius.

There are 8 reusable sections in the creed theme. You can select any of the following and edit its content to fit your website needs.