- Codeless HubSpot theme for self customization.
- Responsive HubSpot theme. Works well on all device types.
- Multi-language support for wider audience understanding.
2.Edit Theme Settings
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:
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.
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.
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.
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.
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.
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.
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.
Read more about How To Edit Global Modules?
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.
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.
Icon box module is used to add multiple icons and their descriptions on landing pages.
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.
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 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.
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.
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.