1.Overview

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.

2.What’s Included?

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. 

3.Edit Theme Settings

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

hubspot webiste footer

From the edit theme setting you will find the following:

hubspot edit theme settings

4.Global Color And Font Setting

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.

hubspot global colors & fonts

5.Typography

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

Typography

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. 

6.Buttons

hubspot buttons

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. 

 

7.Spacing

hubspot spacing

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

8.Website Header

hubspot website header

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. 

 

10.Forms

hubspot forms

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.

 

11.Tables

hubspot tables

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.   

12.Blog Settings

hubspot blog settings

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.

13.System Page Setting

system page setting

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.

14.Theme Modules

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

15.Theme Sections

Petex has the following 8 sections: 

  • Contact Us
contact-us
  • Counter
hubspot counter
  • Donation  card
hubspot donation-card
  • Donation Form
hubspot donation-form
  • Get In Touch
get-in-touch
  • Testimonial
testimonial
  • Two Columns With Image And Content
two-col-img-content
  • Two Columns With Video And Content
two-col-video-content

 

 

 

16.Theme Templates

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) 

17.System Pages

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
Suggest Edit