title – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Sun, 23 Feb 2025 10:00:42 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 How to Change the Title Background on Your Website? https://xtratheme.com/docs/how-to/how-to-change-the-title-background-on-your-website/ https://xtratheme.com/docs/how-to/how-to-change-the-title-background-on-your-website/#respond Sat, 31 Aug 2024 12:34:35 +0000 https://xtratheme.com/docs/?p=3840

Description and Screenshot

Step 1
XTRA

Changing title background

Breadcru22

To change the background image of the internal pages, follow the path below:

Theme Options > Header > Title & Breadcrumbs > Container > Image



Breadcrum
]]>
https://xtratheme.com/docs/how-to/how-to-change-the-title-background-on-your-website/feed/ 0
Theme Options: Site Identity https://xtratheme.com/docs/theme-options/theme-options-site-identity/ https://xtratheme.com/docs/theme-options/theme-options-site-identity/#respond Thu, 27 Jun 2024 12:18:37 +0000 https://xtratheme.com/docs/?p=2038

Description and Screenshot

Step 1
XTRA

Website Identity settings

Under Theme Options > Site Identity you can find and change your site title, tagline description, and site icon (favicon)

  1. Site Title – You can change your website title here
  2. Tagline – Insert your site tagline description, its good for SEO
  3. Site Icon – You can upload your site favicon PNG or ICO
Theme options site identity
Tips

You may want to know …

  • Site Title – Keep its length between 285 pixels and 575 pixels (± 30 and 60 characters respectively), Place the most important keywords at the beginning of the title and Make sure that the title is easy to read, and that they are unique across your entire website
]]>
https://xtratheme.com/docs/theme-options/theme-options-site-identity/feed/ 0
Theme Options: Title and Breadcrumbs https://xtratheme.com/docs/theme-options/theme-options-title-and-breadcrumbs/ https://xtratheme.com/docs/theme-options/theme-options-title-and-breadcrumbs/#comments Wed, 26 Jun 2024 07:45:57 +0000 https://xtratheme.com/docs/?p=1874

Description and Screenshot

Step 1
XTRA

Title and Breadcrumbs settings

Under Theme Options > Header > Title and Breadcrumbs you can find title and breadcrumbs settings and StyleKits, enable/disable revolution slider or page cover.

  1. Header Position – You can change header position according to title and breadcrumbs
  2. Title Type – You can set to title, slider, image, custom code, custom page, etc.
  3. Title and Breadcrumbs – Position and display of title and breadcrumbs
  4. Center Mode – Force title and breadcrumbs in center place
  5. Breadcrumbs Delimiter – Choose separator icon between breadcrumbs item
  6. StyleKits – Customize any part of title and breadcrumbs
Theme options title breadcrumbs
Theme options title breadcrumbs 2
Tips

You may want to know …

  • Enable Slider as page Title – First go to Dashboard > Revolution slider menu and create your own slider, then go back to theme options and title breadcrumbs panel, then set Title type to Slider revolution and then choose your slider.

  • Background Image or Color – In title and breadcrumbs panel find Container StyleKit and set your background image or color.

  • Background color in specific page – After you enabled title and breadcrumbs from theme options, go to Dashboard > Pages and edit your page, then from Page settings > Header settings you can find title and breadcrumbs container StyleKit and change background color.
]]>
https://xtratheme.com/docs/theme-options/theme-options-title-and-breadcrumbs/feed/ 2
codevz/after_title_and_breadcrumbs https://xtratheme.com/docs/developer/codevz-after_title_and_breadcrumbs/ https://xtratheme.com/docs/developer/codevz-after_title_and_breadcrumbs/#respond Tue, 18 Jun 2024 10:44:30 +0000 https://xtratheme.com/docs/?p=2972

Example code

Step 1
XTRA

Using WordPress action add content or PHP codes

In the following example you can see how to add content or PHP codes after site title and breadcrumbs.

XTRA

How and where should I add this PHP codes?

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

]]>
https://xtratheme.com/docs/developer/codevz-after_title_and_breadcrumbs/feed/ 0
codevz/before_title_and_breadcrumbs https://xtratheme.com/docs/developer/codevz-before_title_and_breadcrumbs/ https://xtratheme.com/docs/developer/codevz-before_title_and_breadcrumbs/#respond Tue, 18 Jun 2024 10:38:18 +0000 https://xtratheme.com/docs/?p=2969

Example code

Step 1
XTRA

Using WordPress action add content or PHP codes

In the following example you can see how to add content or PHP codes before site title and breadcrumbs.

XTRA

How and where should I add this PHP codes?

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

]]>
https://xtratheme.com/docs/developer/codevz-before_title_and_breadcrumbs/feed/ 0
codevz/page/after_title https://xtratheme.com/docs/developer/codevz-page-after_title/ https://xtratheme.com/docs/developer/codevz-page-after_title/#respond Tue, 18 Jun 2024 08:31:31 +0000 https://xtratheme.com/docs/?p=2920

Example code

Step 1
XTRA

Using WordPress action add content or PHP codes

In the following example you can see how to add content or PHP codes after page title section.

XTRA

How and where should I add this PHP codes?

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

]]>
https://xtratheme.com/docs/developer/codevz-page-after_title/feed/ 0
codevz/page/before_title https://xtratheme.com/docs/developer/codevz-page-before_title/ https://xtratheme.com/docs/developer/codevz-page-before_title/#respond Tue, 18 Jun 2024 08:28:20 +0000 https://xtratheme.com/docs/?p=2917

Example code

Step 1
XTRA

Using WordPress action add content or PHP codes

In the following example you can see how to add content or PHP codes before page title section.

XTRA

How and where should I add this PHP codes?

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

]]>
https://xtratheme.com/docs/developer/codevz-page-before_title/feed/ 0
Element: Title and Text https://xtratheme.com/docs/page-builder/element-title-and-text/ https://xtratheme.com/docs/page-builder/element-title-and-text/#respond Mon, 17 Jun 2024 14:38:45 +0000 https://xtratheme.com/docs/?p=1663

Video Tutorial

Description and Screenshot

Step 1

Advanced title and text element with extra styling, extra line, custom icon, new shape feature, etc.

Title_text
  • Title – Title or text or any content
  • Positon? – Overall position inline, block, center, left or right
  • Container Styling – Overall title styling background, border, etc.
  • Line – Line type before, after, above or below title
  • Line(s) Styling – Styling of line(s) background, shadow, maring, position, etc.
  • Line(s) Container – Styling of line(s) parent background, shadow, maring, position, etc.
  • Icon – You can set icon, image, number or letter before and after title
  • Icon Styling – Icon styling background, color, size, rotate, shadow, etc.
  • Shape – Shape, big text, big icon, etc. in backface of title
  • Shape Styling – Shape styling background, color, size, etc.
  • Presets – This element have multiple stylish presets that you can use them
  • Advanced tab – Responsive, Animation, Parallax, etc.
]]>
https://xtratheme.com/docs/page-builder/element-title-and-text/feed/ 0
Element: Gradient https://xtratheme.com/docs/page-builder/element-gradient/ https://xtratheme.com/docs/page-builder/element-gradient/#respond Mon, 17 Jun 2024 07:39:03 +0000 https://xtratheme.com/docs/?p=1498

Video Tutorial

Description and Screenshot

Step 1

Title with inside gradient background color or background image or gif animation for background purpose

Gradient1
  • Text – Set you text, title, or contnet
  • Background – Set background colors or image
  • Presets – This element have multiple stylish presets that you can use them
  • Advanced tab – Responsive, Animation, Parallax, etc.
]]>
https://xtratheme.com/docs/page-builder/element-gradient/feed/ 0