ProX Docs
Learn how to use ProX to build your awesome HubSpot CMS site!
Contact Support
If you purchased ProX theme and have any questions, or you're thinking about purchasing it please feel free to send us email to support@smarthubl.com and we'll get back to you ASAP.
Support availability:
Monday - Sunday
6am - 5pm EST
Create child theme
You've installed ProX theme, great! Follow these steps to create your first page and start building your new site!
Theme Settings Overview
Have a look at global theme settings that are available to you with ProX.
Global Colors
This is where you want to add your brand colors, doing so it will be automatically applied across your whole site. Please have a look at this simple screen recording to see what does it look like when you use these options.
Global Fonts & Typography
Select fonts you'd like to use globally across your site, you can choose different colors and fonts for paragraphs and headings.
Call to actions
You are welcome to have three different CTA buttons across your site, plus you'll automatically have white buttons by default that you can use on image and dark backgrounds. To add buttons to your site use module Button or create a CTA from your HubSpot dashboard.
If you create a call to action button using HubSpot's CTA builder you can use these classes to apply theme's styling:
button--primary
button--secondary
button--tertiary
Watch this simple screen recording to see how you can style those using Call to actions theme options.
Forms
Style input fields, form title, labels and hints.
Layout
This is where you define how wide your site will be and set a padding between each section.
Landing pages
Choose background color you'd like to use for header and footer on landing pages.
Blog
You can set a custom background for listing page, tweak post page information and so much more.
Please have a look at simple screen recording to see what you can do to style your awesome blog.
Set up logo
Add two versions of your logo to make the most out of ProX theme. White logo will be used on templates and pages with dark background and the colored logo will be used on light backgrounds.
Settings
Navigation menu
Sticky menu
When your visitors start scrolling the pages on your website, with the sticky menu they will have easy access to your main navigation menu anywhere on the page. Please watch this simple screen recording to see what options you have to style your sticky menu.
Top bar
This is optional feature that comes with ProX theme. This is "section" that will appear on the top of your pages and can contain some contact information or whatever you like and site search field.
If you don't need this on your pages but want to have site search you can choose to display it next to menu items.
Set up different header style
Do you want to have transparent header on one of your pages and white header on the all other pages? Please have a look at this simple screen recording to see how you can achieve this.
Set up footer
This is a global module, which means when you style your footer it will be applied on all of your pages. You can have up to five columns and you're welcome to add menu items or rich text inside each column.
Accordion
Banner
Banner is top section of your page and we've added a TON of options for you here.
Type of content you could add to your banner is:
- Text with animations
- Static text
- Call to action buttons
Background type of banner:
- Image background
- Video background
- If you want to have slider in your banner refer to Slider module
Please watch this simple screen recording to see how you can make an awesome banner!
Button
Client logos
Counter
CTA section + image
Heading with subheading
Icon & text
Image & text card
Image with decorations
Photo grid
Pricing
Quotes
Recent posts
Section styler
This is a super smart module that you'll want to use to add:
- Overlay to image backgrounds
- Apply parallax effect
- Add a custom ID to some section that you can then link to from your CTA
Please have a look at this simple screen recording to see how you can use this module on your pages.
Simple quote
Simple CTA section
Slider hero
Tabs - horizontal
Team
Video background section
You can use this module to add awesome video background section on any page, anywhere you like! Best practice to use videos as backgrounds is to make a MP4 file and upload it to Files in your HubSpot account. Make sure to use files that are not bigger than 5 to 10 MB.
Please watch this simple screen recording to see how to use this module to add amazing video background sections.