No, the demo content will not replace your existing pages and content. It will be added alongside your current content, so nothing will be lost. However, if there is a page in the demo with the same slug as one of your existing pages, just Theme Options and Widgets will be imported.

For example: If your existing ‘About Us’ page has the slug ‘about-us,’ and the new demo also has an ‘About Us’ page with the same slug, only the Theme Options and Widgets will be imported.

• If the previous content is from a demo of the same theme, and you have already imported one of the theme’s demos, importing another demo from the same theme may cause display conflicts. In this case, you should uninstall the previous demo from Dashboard > Xtra > Uninstall before importing the new one. However, if the content is not related to the theme demo, there will be no need for a cleanup.

In the WordPress Xtra theme, you can import just one page, post, portfolio from a demo that you like.

The path is Dashboard > Xtra > Page Importer.

In the following example you can see how to run your custom PHP codes after importing content from demo importer side.

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.

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

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

Custom timeline element with 3 position of inner children, unlimited colors and you can add any element inside each timeline items.

• Style – Choose from 5 available predefined styles
• Align – Timeline alling left | center | right
• Line styling – Line styling color, shadow, etc.
• Extra class – If you want to add custom CSS so add extra class here
• Advanced tab – Responsive, Animation, Parallax, etc.

Content box is a magical element, It haven’t any content by defualt but you can add anything inside it and make different styling to overall content box styling, such as background, color, border, CSS hover effect, etc. You can find example in our theme demo preview.

• Box type – You can set default box content or split box with image and content
• Clickable box? – The URL where the link from the button leads to
• Image – If you set box type to split box then you can set image here
• Image position – Split box image and content position left | right | top | bottom
• Hide box arrow? – Split box have arrow on image, You can hide it by check this field
• Default effect – By default you can set CSS effect and it works without mouse hover
• Hover effect – Also you can set hover effect for content box, there are over 12 effects
• Container Styling – You can style content box background, colors, border, etc.
• Background layer – Custom background shape with offset to out sides of container
• Back Box? – Hidden content on back box and only display hidden content on mouse hover
• Back box Title – Title of content on back box
• Back box Content – Content of back box
• Back box Button Title – Button of content on back box
• Back box Button Link – The URL where the link from the button leads to
• Back box Content position – There are 9 back box content positon, You can choose
• Back box Hover effect – 10 custom effects
• Back box Container Styling – You can style back box background, color, border, etc.
• Back box Content Styling – Content of back box styling such as color, font, etc.
• Back box Title Styling – You can change back box title size, color, font family, etc.
• Back box Button Styling – Styling of back box button background, color, border, hover, etc.
• Background stretch – If you set box type to default then set background color of container
• Scrollable height – If you have long content in content box, you can set custom height size
• Scrollbar Color – If you set custom scrollable height size, then you can set scrollbar color
• Advanced tab – Responsive, Animation, Parallax, etc.