Petex HubSpot Theme

Petex is a free HubSpot theme specially designed for pet care, pet sitters, pet shop, animal rescuers, pet grooming, animal shelter, or any other pet-related website.  With the Petex HubSpot theme you get:

• Complete Design Control
• Pre-built Pages and Blogs
• Designed for Conversion
• Future Feature Updates
• Clean and Beautiful design

Petex theme offers easy customization. However, if you need any assistance with the installation or setup, connect with us for a free 30 minutes session.

Petex HubSpot theme offers,

1. Modules – 28
2. Sections – 8
3. Templates – 8
4. Blog – 2
5. System Pages – 7

If you want us to add any module or curate a template for you, talk to our experts, share your requirements and we’ll get it done as soon as possible. 

To access the theme settings, you first need to create a page > edit page option > theme > edit theme settings   

From the edit theme setting you will find the following:

Global Colors setting lets you configure primary & secondary color, body background, and heading colors. Similarly, the Global Fonts setting lets you change the Heading font and Body font of the theme.

This setting lets you tweak the headings from H1 to H6 along with the body and links.

The H1 to body submenu of the typography has options to select desktop font, adjust line height in pixels, alter letter spacing, and text transformation. For mobile devices, you can change the font size, line height, and letter spacing of the theme. You can change the normal and hover color of the links too. 

You’ll find the following settings here:

• Button: Includes option to edit button text, spacing, corner radius, and enabling animation.

• Dark: Includes the option to change normal hover and active button font, text color, background color, and border style for the filled and outlined button.

• Light: Change the light-filled button text background border color for normal, active, and hover cases. 

 

You can adjust the spacing and maximum content width along with section spacings. Section spacing includes vertical and horizontal spacing for mobile and desktops.  

The website has 3 sub-settings:

• Box shadow: Enable or disable box shadow and change the box shadow color.

• Background: Change website header background color.

• Menu: Edit menu text ( desktop font, line height, transform, mobile font size, and line height), hover & active font, change menu drop-down background color, hover text and background color, and active text font color. 

 

You can edit the website footer with the following options:

• Background: Change the background color of the website footer.

• Heading: Change mobile font size, line height, desktop font, line height, and text transformation.

• Text: Change website footer text for desktop (font, line height, and text transformation) and mobile ( font size & line height) 

• Menu: Change footer menu text and hover color. 

 

The following sections of the form have these mentioned settings for forms:

• Titles: Edit text (font, line height, letter spacing, text transformation), background color, spacing, and corner radius. The border radius only alters the top left and top right of the title.
• Labels: You can edit the text and spacing of the form labels.
• Help text: Change the font of the help text on forms.
• Fields: Change the font of the GDPR Text and Rich Text, alter border radius, change border color on focus, border style, spacing, background color, text, and placeholder color of the input fields. 
• Form: Alter form background color, mobile and desktop spacing, border style, and corner radius of the form.
• Error Messages: Change font, alter spacing, and border color of the error messages.

 

The tables option has a further 4 sub-options.

• Table Header: Change table header text color and background color
• Table Body: Change table body text color and background color.
• Table Footer: Change table footer text color and background color. 
• Table Cells: Change spacing, padding, and border of table cells.   

You can configure the blog post settings here. There are 2 settings in this section:

• Sidebar: Enable or disable the sidebar on the blog from here.
• Blog Post: You can show/hide the author name, image, timestamp, tags, and related posts from here.

You can use the system page settings to make changes to system pages. There are 4 settings here,

• Error Page Setting (404): Enable/disable the error image, and change the error banner image from here.
• Error Page Setting (500): Enable/disable the error image, and change the error banner image from here.
• Backup Unsubscribe: Enable/disable the banner image, and change the backup unsubscribe banner image from here.
• Password Prompt: Enable/disable the password prompt image, and change the password prompt banner from here.

Petex HubSpot theme has the following 28 modules:

1. Accordion
2. Banner
3. Blog Listing
4. Blog Related Posts
5. Button
6. Card
7. Counter
8. Copyright
9. Custom Form
10. Custom Image
11. Donation Form
12. Donation Card
13. Footer Navigation
14. Gallery
15. Header Controls
16. Header Toggler
17. Icon Box 
18. Image Card
19. Logo
20. Map
21. Menu
22. Progress Bar
23. Social Follow
24. Spacer
25. Team
26. Testimonial
27. Title Content
28. Video Popup

Petex has the following 8 sections: 

• Contact Us

• Counter

• Donation  card

• Donation Form

• Get In Touch

• Testimonial

• Two Columns With Image And Content

• Two Columns With Video And Content

 

 

 

Petex has 8 theme templates.

1. Home
2. About Us
3. Contact Us
4. Adopt A Pet
5. Blog Listing
6. Blog Detail
7. Our Team
8. Support Us(Landing Page) 

Petex theme offers you 7 different system pages that are as follows,

1. 404 Error
2. 500 Error
3. Password Prompt
4. Search Results
5. Backup Unsubscribe
6. Subscription Preferences
7. Subscription Confirmation

1. How to install a HubSpot theme?

2. What are modules and templates? 

3. How to create a page?

4. How to use reusable sections?

5. How to change blog templates?

6. How to change system page templates?

7. How To Change Global Styles in HubSpot Theme?

8. How to edit global modules?