before – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Sun, 23 Feb 2025 06:59:16 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 codevz/before_footer_2 https://xtratheme.com/docs/developer/codevz-before_footer_2/ https://xtratheme.com/docs/developer/codevz-before_footer_2/#respond Wed, 19 Jun 2024 10:46:28 +0000 https://xtratheme.com/docs/?p=3044

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 footer bottom bar.

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_footer_2/feed/ 0
codevz/before_header_4 https://xtratheme.com/docs/developer/codevz-before_header_4/ https://xtratheme.com/docs/developer/codevz-before_header_4/#respond Tue, 18 Jun 2024 11:36:30 +0000 https://xtratheme.com/docs/?p=3012

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 mobile and tablet header.

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_header_4/feed/ 0
codevz/before_header_3 https://xtratheme.com/docs/developer/codevz-before_header_3/ https://xtratheme.com/docs/developer/codevz-before_header_3/#respond Tue, 18 Jun 2024 11:26:54 +0000 https://xtratheme.com/docs/?p=3006

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 header bottom bar.

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_header_3/feed/ 0
codevz/before_header_2 https://xtratheme.com/docs/developer/codevz-before_header_2/ https://xtratheme.com/docs/developer/codevz-before_header_2/#respond Tue, 18 Jun 2024 11:10:37 +0000 https://xtratheme.com/docs/?p=2997

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 main header.

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_header_2/feed/ 0
codevz/before_header_1 https://xtratheme.com/docs/developer/codevz-before_header_1/ https://xtratheme.com/docs/developer/codevz-before_header_1/#respond Tue, 18 Jun 2024 11:04:52 +0000 https://xtratheme.com/docs/?p=2987

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 header top bar.

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_header_1/feed/ 0
codevz/before_fixed_side_1 https://xtratheme.com/docs/developer/codevz-before_fixed_side_1/ https://xtratheme.com/docs/developer/codevz-before_fixed_side_1/#respond Tue, 18 Jun 2024 10:53:38 +0000 https://xtratheme.com/docs/?p=2981

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 fixed side.

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_fixed_side_1/feed/ 0
codevz/before_slider https://xtratheme.com/docs/developer/codevz-before_slider/ https://xtratheme.com/docs/developer/codevz-before_slider/#respond Tue, 18 Jun 2024 10:46:23 +0000 https://xtratheme.com/docs/?p=2975

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 slider.

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_slider/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/before_footer https://xtratheme.com/docs/developer/codevz-before_footer/ https://xtratheme.com/docs/developer/codevz-before_footer/#respond Tue, 18 Jun 2024 10:22:30 +0000 https://xtratheme.com/docs/?p=2959

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 footer.

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_footer/feed/ 0
codevz/before_header https://xtratheme.com/docs/developer/codevz-before_header/ https://xtratheme.com/docs/developer/codevz-before_header/#respond Tue, 18 Jun 2024 09:19:40 +0000 https://xtratheme.com/docs/?p=2950

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 header.

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_header/feed/ 0
codevz/before_breadcrumbs https://xtratheme.com/docs/developer/codevz-before_breadcrumbs/ https://xtratheme.com/docs/developer/codevz-before_breadcrumbs/#respond Tue, 18 Jun 2024 09:09:55 +0000 https://xtratheme.com/docs/?p=2944

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 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_breadcrumbs/feed/ 0
codevz/before_pagination https://xtratheme.com/docs/developer/codevz-before_pagination/ https://xtratheme.com/docs/developer/codevz-before_pagination/#respond Tue, 18 Jun 2024 09:00:46 +0000 https://xtratheme.com/docs/?p=2936

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 archive page pagination.

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_pagination/feed/ 0
codevz/archive/before_meta https://xtratheme.com/docs/developer/codevz-archive-before_meta/ https://xtratheme.com/docs/developer/codevz-archive-before_meta/#respond Tue, 18 Jun 2024 08:54:25 +0000 https://xtratheme.com/docs/?p=2930

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 posts meta in archive pages.

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-archive-before_meta/feed/ 0
codevz/archive/before_thumbnail https://xtratheme.com/docs/developer/codevz-archive-before_thumbnail/ https://xtratheme.com/docs/developer/codevz-archive-before_thumbnail/#respond Tue, 18 Jun 2024 08:37:58 +0000 https://xtratheme.com/docs/?p=2923

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 archive posts thumbnail.

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-archive-before_thumbnail/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
codevz/single/before_comments https://xtratheme.com/docs/developer/codevz-single-before_comments/ https://xtratheme.com/docs/developer/codevz-single-before_comments/#respond Tue, 18 Jun 2024 08:13:47 +0000 https://xtratheme.com/docs/?p=2908

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 comments section in single post pages.

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-single-before_comments/feed/ 0
Element: Before and After https://xtratheme.com/docs/page-builder/element-before-and-after/ https://xtratheme.com/docs/page-builder/element-before-and-after/#respond Sun, 16 Jun 2024 19:00:08 +0000 https://xtratheme.com/docs/?p=1406

Video Tutorial

Description and Screenshot

Step 1

A handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery. Before and after images comparison, Compare two image with each other

Before_after
  • Before image – First image at the left side of comparison slider
  • Before title – Title at the left side of comparison slider
  • After image – First image at the left side of comparison slider
  • After title – Title at the left side of comparison slider
  • Container Styling – Overall container styling padding, background, border, etc.
  • Handle Styling – Handle background, size, color, margin, etc.
  • Title Styling – Title styling color, typography, background, etc.
  • Background layer – Custom background shape with offset to out sides of container
  • Advanced tab – Responsive, Animation, Parallax, etc.
]]>
https://xtratheme.com/docs/page-builder/element-before-and-after/feed/ 0
codevz/single/before_meta https://xtratheme.com/docs/developer/codevz-single-before_meta/ https://xtratheme.com/docs/developer/codevz-single-before_meta/#respond Sun, 16 Jun 2024 10:42:10 +0000 https://xtratheme.com/docs/?p=2874

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 any posts meta in single post page.

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-single-before_meta/feed/ 0