Docs – HT Mega Addons for Elementor https://wphtmega.com An Absolute Elementor Addon Wed, 07 Feb 2024 08:17:13 +0000 en-US hourly 1 https://wordpress.org/?v=6.5.3 https://wphtmega.com/wp-content/uploads/2021/12/cropped-htmega-new-fav-iconpng-1-32x32.png Docs – HT Mega Addons for Elementor https://wphtmega.com 32 32 Buttons Block For Gutenberg https://wphtmega.com/docs/gutenberg-block/buttons-block-for-gutenberg/ Wed, 07 Feb 2024 08:17:13 +0000 https://wphtmega.com/?post_type=docs&p=42785 The Buttons Block is a highly versatile and configurable block that allows you to integrate visually appealing buttons into your website. It offers a wide range of unique button styles for you to choose from.

Steps of adding Button Block

Step 1: How to Enable Buttons?

Step 2: How to use the Buttons Block?

To add the Buttons block, search by Buttons and use the Block that has the “HT badge”

Drag and drop or click on the “Buttons” block to insert it into the page.

Step 3: How to customize the Accordion Block?

Common Settings:

Add New: To add a new button, simply click the plus icon.

Settings: You can Adjust the Button Alignment, Make it Full Width, Choose the Breakpoint at Which Buttons Stack on Each Other, and Set the Gap Between Buttons if You Add More Than One Button.

Individual Button Settings

To modify individual button settings, please select a button by clicking on the desired button.

You can change Button Label, Add Link, Add Icon, Icon Position, Space Between Icon and Label, Button Style, Size and Hover Effect as needed.

How to customize the Button style

You can change button label Typography, Icon Size, Margin, Padding and (Normal, Hover State) Color, Background Color/Gradient, Border, Radius & Shadow style of the Button as needed.

Step 4: Now visit the site

Visit the Page to Preview

]]>
Brand Logo Block For Gutenberg https://wphtmega.com/docs/gutenberg-block/brand-logo-block-for-gutenberg/ Wed, 07 Feb 2024 08:17:13 +0000 https://wphtmega.com/?post_type=docs&p=42652 The “Brand Logo” is a symbol, image, or drawing that symbolizes a company, organization, or individual. It is utilized to enhance brand presence, reach, and recognition.

Why Brand Logo is used?

The “Brand Logo” block on the page is employed to showcase the brand logo on your web page. This block is primarily crafted for optimizing the presentation of the brand logo within the page layout.

Steps of adding Brand Logo Block

Step 1: How to Enable Brand Logo?

Step 2: How to use the Brand Logo Block?

To add the Brand block, search by Brand and use the Block that has the “HT badge”

Drag and drop or click on the “Brand Logo” block to insert it into the page.

Step 3: How to customize the Brand Logo Block?

Brand Logo: You can set Brand Title, Brand Image, Brand Link, and Add, Edit & Delete Brand.

Brand Option: You can set Preset Style, Columns, Gutter Spacing & Enable/Disable Slider.

How to customize the Brand Logo style

Brand Item: You can change the Background Color, Box Shadow, Border, Border Radius and Padding style of the Brand Logo as needed.

Step 4: Now visit the site

Visit the Page to Preview

]]>
Team Block For Gutenberg https://wphtmega.com/docs/gutenberg-block/team-block-for-gutenberg/ Wed, 07 Feb 2024 08:17:12 +0000 https://wphtmega.com/?post_type=docs&p=43545 The HT Mega Gutenberg Team Member block is an excellent way to showcase your team on your website. Choose from various layouts to creatively display team members’ images.

Steps of adding Team Block

Go to WordPress Dashboard > HTMega Addons > Settings > Gutenberg. From the list of Blocks, turn ON the “Team” Block.

Step 1: How to Enable Team Block?

Step 2: How to use the Team Block?

To add the Team block, search by “Team” and use the Block that has the “HT prefix”.

Drag and drop or click on the “Team” block to insert it into the page.

Step 3: How to Insert/change team member information

Information: You have the ability to set the Team member image, Name, and Designation.

Socials: You have the ability to add, modify and delete the Team member’s social media.

Settings: You can set Preset Style, Title HTML Tag, and some enable switch like Show Bio, Open In New Tab and Add no follo controler of the social media.

How to customize the Team style

Main Area: You can change Margin, Padding, Border Radius style of the main area as needed. You can also customize Normal and Hover control ( background color ( Classic & Gradient ), Border & Box Shadow ) style as needed.

Thumbnail: You can change the Background color ( Classic & Gradient ) Margin, Padding & Border Radius style of the Team member’s thumbnail as needed.

Content Area: You can change the Background color ( Classic & Gradient ), Border, Padding & Content Alignment style of the Team member’s content area as needed.

Name: You can change the color, Typography, and Margin style of the Team member’s Name as needed.

Designation: You can change the color, Typography, and Margin style of the Team member’s Designation as needed.

Bio: You can change the color, Typography, and Margin style of the Team member’s Bio as needed.

Social Area: You can change the Background color ( Classic & Gradient ), Border, Gap, Padding, Border Radius and Alignment style of the Team member’s Social Area as needed.

Social Icon: You can change the Border Radius, Icon Size, Icon Box Width/Height, Normal and Hover control ( Color, Background color ( Classic & Gradient ), Border, and Box Shadow ) style of the Team member’s Social Icon as needed.

Duplicate the item: When you are finished to your needed style then duplicate or copy the block and then paste or drag the duplicate item on the necessary column.

Step 4: Now visit the site

Visit the Page to Preview

If you encounter any issues while adding team member block or have queries not addressed in this documentation, feel free to reach out to our Support Team for assistance.

]]>
Accordion Block For Gutenberg https://wphtmega.com/docs/gutenberg-block/accordion-block-for-gutenberg/ Wed, 07 Feb 2024 08:17:12 +0000 https://wphtmega.com/?post_type=docs&p=42675 The Accordion block is designed to enhance your pages, posts, and various sections by incorporating engaging and interactive accordion content. With this versatile accordion block, you can effortlessly create visually appealing accordions that will captivate and engage your visitors.

Steps of adding Accordion Block

Step 1: How to Enable Accordion?

Step 2: How to use the Accordion Block?

To add the Accordion block, search by Accordion and use the Block that has the “HT badge”

Drag and drop or click on the “Accordion” block to insert it into the page.

Step 3: How to customize the Accordion Block?

  1. Add: Your can add new accordion.
  2. General: You can choose Preset Style, Title Tag & Add/Remove Separator between Title and Body.
  3. Icon: You can set Active/Inactive Icon and Icon Alignment.

How to customize the Accordion style

Card: You can change Gap between Cards, Border, Radius and Background Color/Gradient & Box Shadow, Border (Normal, Hover & Active State) style of the Accordion Card as needed.

Icon: You can change Icon Size, Icon Background Size, Gap between icon & Title, Border, Radius and Icon Color & Background Color/Gradient (Normal, Hover & Active State) style of the Accordion Card as needed.

Title: You can change Typography, Padding and Color & Background Color/Gradient (Normal, Hover & Active State) style of the Accordion Card as needed.

Content: You can change Padding and Background Color/Gradient style of the Accordion Card as needed.

Step 4: Now visit the site

Visit the Page to Preview

]]>
Image Grid Block For Gutenberg https://wphtmega.com/docs/gutenberg-block/image-grid-block-for-gutenberg/ Wed, 07 Feb 2024 08:17:12 +0000 https://wphtmega.com/?post_type=docs&p=42869 HTMega Addons> Settings > Gutenberg. From the list of Blocks, turn ON the “Image Grid” Block. Step 1: How to Enable Image Grid? Step 2: How to use the Image Grid Block? To add the Image […]]]> Craft your stunning gallery complete with content, diverse layouts, thumbnails, and numerous other customization options.

Steps of adding Accordion Block

Step 1: How to Enable Image Grid?

Step 2: How to use the Image Grid Block?

To add the Image Grid block, search by Image Grid and use the Block that has the “HT badge”

Drag and drop or click on the “Image Grid” block to insert it into the page.

Step 3: How to customize the Accordion Block?

Image Grid Items: You have the ability to set the Title, Content, Image, and Link by Editing. Additionally, you can Add and Delete grid items as needed.

Settings: You can set Preset Style, Columns and Gutter Spacing.

How to customize the Accordion style

Image Box: You can change Overlay Color, Radius, Border and Box Shadow style of the Image Box as needed.

Title: You can change Typography, Color, Background Color, Padding & Margin style as needed.

Read More: You can change Typography, Padding, Radius and Color, Background Color/Gradient, Border & Box Shadow (Normal & Hover State) style as needed.

Step 4: Now visit the site

Visit the Page to Preview

]]>
Tab Block For Gutenberg https://wphtmega.com/docs/gutenberg-block/tab-block-for-gutenberg/ Wed, 07 Feb 2024 08:17:12 +0000 https://wphtmega.com/?post_type=docs&p=43518 HT Mega Gutenberg Tabs Block offers flexible and efficient tab display on web pages. Customize tab titles, content, and choose between horizontal or vertical tabs. Easily rearrange tab order with five different designs to enhance your website.

Steps of adding Tabs Block

Go to WordPress Dashboard > HTMega Addons > Settings > Gutenberg. From the list of Blocks, turn ON the “Tabs” Block.

Step 1: How to Enable Tabs Block?

Step 2: How to use the Tabs Block?

To add the Tabs block, search by “Tabs” and use the Block that has the “HT prefix”.

Drag and drop or click on the “Tabs” block to insert it into the page.

Tab Content: You can add your tab content using gutenberg block.

Step 3: How to customize the Tabs Block?

Tab Items: You have the ability to set the Title, and icon. Additionally, you can Add and Delete tab items as needed.

Settings: You can set Preset Style, Active tab, Nav Alignment and Nav Text Alignment.

How to customize the Tabs style.

Tabs Menu: You can change the Tab menu background color ( Classic & Gradient ), Gap Between Item, Padding, Margin, Border, Border Radius and Box shadow.

Menu Item: You can change Typography, Gap Between Icon & Title, Padding, Margin and Border Radius style as needed. You can also customize Normal and Active control (Color, Background Color, Border & Box Shadow ) style as needed.

Icon: You can change the Tab menu icon Width (PX), Height (PX), Icon Font Size (PX), Border Radius stye as needed. You can also customize Normal and Active control (Color, Background Color, Border & Box Shadow ) style as needed.

Content: You can change the Background color ( Classic & Gradient ), Padding, Margin, Border, Border Radius and Box Shadow style as needed.

Step 4: Now visit the site

Visit the Page to Preview

If you encounter any issues while adding team member block or have queries not addressed in this documentation, feel free to reach out to our Support Team for assistance.

]]>
Call To Action Block For Gutenberg https://wphtmega.com/docs/gutenberg-block/call-to-action-block-for-gutenberg/ Wed, 07 Feb 2024 08:16:15 +0000 https://wphtmega.com/?post_type=docs&p=43574 HTMega Addons > Settings > Gutenberg. From the list of Blocks, turn ON the “Call To […]]]> The Call to Action block is a versatile tool designed to craft visually appealing buttons integrating a combination of a title, subtitle, and description alongside the button itself.

Steps of adding Call To Action

Go to WordPress Dashboard > HTMega Addons > Settings > Gutenberg. From the list of Blocks, turn ON the “Call To Action” Block.

Step 1: How to Enable Call To Action Block?

Step 2: How to use the Call To Action Block?

To add the Call To Action block, search by “Call To Action” and use the Block that has the “HT prefix”.

Drag and drop or click on the “Call To Action” block to insert it into the page.

Step 3: How to Insert/change Call To Action information

General Settings: You have the ability to set the Preset Style, Title Tag ( HTML Tag ), Title, Sub Title, Description, Primary Button and Secondary Button.

How to customize the Call To Action style

Content Area: You can change the Text Alignment, Background Color ( Classic & Gradient ), Background Image, Content & Button Gap, Padding, Border and Border Radius style of the content area as needed.

Title: You can change the title Color, Typography and Margin style as needed.

Description: You can change the description Color, Typography and Margin style as needed.

Primary Button: You can change the button text Typography, Padding, Normal and Hover’s Color, Background Color, Border, Border Radius, and Box Shadow style as needed.

Secondary Button: You can change the button text Typography, Padding, Normal and Hover’s Color, Background Color, Border, Border Radius, and Box Shadow style as needed.

Step 4: Now visit the site

If you encounter any issues while adding Call To Action block or have queries not addressed in this documentation, feel free to reach out to our Support Team for assistance.

]]>
Info Box Block For Gutenberg https://wphtmega.com/docs/gutenberg-block/info-box-block-for-gutenberg/ Wed, 07 Feb 2024 08:16:07 +0000 https://wphtmega.com/?post_type=docs&p=43587 HTMega Addons > Settings > Gutenberg. From the list of Blocks, turn ON the “Info Box” Block. Step […]]]> The Gutenberg Info Box Block by HT Mega embodies a modern and sleek design, meticulously crafted to elegantly showcase your information within a stylishly designed block.

Steps of adding Info Box Block

Go to WordPress Dashboard > HTMega Addons > Settings > Gutenberg. From the list of Blocks, turn ON the “Info Box” Block.

Step 1: How to Enable Info Box Block?

Step 2: How to use the Info Box Block?

To add the Info Box block, search by “Info Box” and use the Block that has the “HT prefix”.

Drag and drop or click on the “Info Box” block to insert it into the page.

Step 3: How to Insert/change Info Box information

Info Box Items: In the Info Box Items feature, you possess the capability to effortlessly add, modify, or delete individual Info Box items. Additionally, you have full control over customizing the Title, Content, Image selection, and Button options.

Settings: In the Settings section, you have the ability to configure various aspects such as Preset Style, Title HTML Tag, Hide Button switch, Column, and Gutter Spacing for the Info Box block.

How to customize the Info Box style

Info Box: In the Info Box section, tailor Image Position, Padding, Margin, Background Color, Border, Border Radius, and Box Shadow for both Normal and Hover states with precision.

Box Hover: In the Box Hover section, effortlessly customize Title Color, Description Color for the info box hover style. Additionally, adjust Button Color, Button Border Color, and Button Background Color for both Normal and Hover states, ensuring a seamless transition.

Thumbnail: In the Thumbnail section, fine-tune Box Info Thumbnail Alignment, Width, Height, Padding, and Margin for a personalized touch. Customize Background Color, Border, Border Radius, and Box Shadow for both Normal and Hover states, ensuring a cohesive style.

Content Area: Customize Alignment, Padding, and Margin to suit your preferences.

Title: Adjust Title Color, Typography, Padding, and Margin according to your preferences.

Description: Customize Description Color, Typography, Padding, and Margin to your liking.

Button: Tailor button typography, padding, and margin as necessary. Additionally, customize Color, Background, Border, Border Radius, and Box Shadow for both Normal and Active states according to your requirements.

Step 4: Now visit the site

Visit the Page to Preview

If you encounter any issues while adding Info Box block or have queries not addressed in this documentation, feel free to reach out to our Support Team for assistance

]]>
Section Title Block For Gutenberg https://wphtmega.com/docs/gutenberg-block/section-title-block-for-gutenberg/ Wed, 07 Feb 2024 08:16:00 +0000 https://wphtmega.com/?post_type=docs&p=43603 HTMega Addons > Settings > Gutenberg. From the list of Blocks, turn ON […]]]> The HT Mega Gutenberg Section Title block offers an exceptional means to showcase your section titles on your website. Select from a range of layouts to artistically present your section titles.

Steps of adding Section Title Block

Go to WordPress Dashboard > HTMega Addons > Settings > Gutenberg. From the list of Blocks, turn ON the “Section Title” Block.

Step 1: How to Enable Section Title Block?

Step 2: How to use the Section Title Block?

To add the Section Title block, search by “Section Title” and use the Block that has the “HT prefix”.

Drag and drop or click on the “Section Title” block to insert it into the page.

Step 3: How to Insert/change Section Title information

Settings: Customize preset Style, Title HTML Tag, Show Title, Sub Title, Description, and Placeholder switches for the section title block.

Title: Add Title Text, toggle Separator switch to include separator image, and adjust separator position.

Sub Title: Add Sub Title Text and choose its position – before or after the Title. Utilize Separator switch to include separator image and adjust its position.

How to customize the Section Title style

Content: Customize Text Alignment, Background Color (Classic & Gradient), Padding, Margin, Border, and Border Radius to your liking.

Title: Personalize title Color, Typography, and Margin style as required.

Title Highlighted Text: Adjust title highlighted color and typography according to your preferences.

Sub Title: Tailor sub title Color, Typography, and Margin style as needed.

Step 4: Now visit the site

If you encounter any issues while adding Section Title block or have queries not addressed in this documentation, feel free to reach out to our Support Team for assistance.

]]>
Testimonial Block For Gutenberg https://wphtmega.com/docs/gutenberg-block/testimonial-block-for-gutenberg/ Wed, 07 Feb 2024 08:15:36 +0000 https://wphtmega.com/?post_type=docs&p=43616 HTMega Addons > Settings > Gutenberg. From the list of Blocks, turn ON the “Testimonials” Block. Step 1: How to Enable Testimonials Block? Step 2: […]]]> Elevate your web pages with the HT Mega Gutenberg Testimonial block, designed to showcase valuable client reviews in various styles.

Steps of adding Testimonials Block

Go to WordPress Dashboard > HTMega Addons > Settings > Gutenberg. From the list of Blocks, turn ON the “Testimonials” Block.

Step 1: How to Enable Testimonials Block?

Step 2: How to use the Testimonials Block?

To add the Tabs block, search by “Testimonials” and use the Block that has the “HT prefix”.

Drag and drop or click on the “Testimonials” block to insert it into the page.

Step 3: How to customize the Testimonials Block?

Testimonial Items: You have the ability to set the Image, Name, Designation, Content, and Ratting for testimonials items as needed. Also you can add new testimonial item by click “+ Add New Item” button.

Settings: You can set Preset Style, Name Tag, Slider enable disable switch, Column, Gutter Spacing, Show Thumbnail, Show Name, Show Designation, Show Content, Show Rating, and Show Quote Icon switch for the testimonial item.

How to customize the Tabs style.

Testimonial: Adjust the testimonial’s Alignment, Padding, Margin, and Border Radius to your liking. Tailor the Background (Classic & Gradient), Border, and Box Shadow for both Normal and Hover states with meticulous precision.

Thumbnail: Fine-tune the testimonial thumbnail’s Width, Height, Padding, Margin, and Border Radius. Customize the Background (Classic & Gradient), Border, and Box Shadow for both Normal and Hover states with meticulous precision.

Name: Personalize the Name Typography, Padding, and Margin to your preference. Customize the Color for both Normal and Hover states with exacting precision.

Designation: Modify the Designation Typography, Padding, Margin, and activate the Show Designation Left Border switch as desired. Customize the Color for both Normal and Hover states with exacting precision.

Client Say: Adjust the Client Say Typography, Padding, and Margin according to your preferences. Customize the Color for both Normal and Hover states with exacting precision.

Quote Icon: Resize the Quote Icon to your preferred size. Customize the Color for both Normal and Hover states with exacting precision.

Step 4: Now visit the site

Visit the Page to Preview

If you encounter any issues while adding Testimonials block or have queries not addressed in this documentation, feel free to reach out to our Support Team for assistance.

]]>