Theratio - Architecture and Interior Design

Contents

1. Fixed the slider icons error after update new version?

2. How to set portfolio in masonry mode?

3. Problems edit pages with Elementor

4. Fixed the menu error in PHP 8+

5. Setup header builder: Logo, Menu, etc...

6. Fix broken layout error when using Elementor version 3.1.0 or greater.

7. Change the old Twitter icon by new X icon?

8. Convert existing sections to containers after import demo content.

9. How to change the breadcrumbs's link and text of the Portfolio?

10. Import shop page demo

11. Setup header builder: Logo, Menu, etc...

12. Demo data import failed using Elementor version 3.0 or higher.

13. Fix error some CSS changes may not appear immediately after saved them

1. Fixed the slider icons error after update new version?

Hi,

After you update the theme to the latest version and get an error with the slider icon:

* How to fix this problem?

1, Go to Admin Dashboard -> Slider Revolution -> Overview -> Click edit your slider.

2, Replace icons class name:

From content: "\f130"; to content: "\f134";

From content: "\f11d"; to content: "\f106";

Thank you!

2. How to set portfolio in masonry mode?

1. For portfolio posts double width size, you need to use double width featured image.

Example: Featured image sizes of normal portfolio posts: 720 x 720(px)

      Featured image sizes of portfolio posts double width size: 1440 x 720(px).

2. For portfolio posts double width size, set the Select Size option to Double width.

Thank you.

3. Problems edit pages with Elementor

1. The content area has not been found on your page error

2. Publish / Update button not working

3. My changes do not appear online

4. Fixed the menu error in PHP 8+

Hi Everyone!

1, When you use PHP 8+ and get an error similar to the image below:


2, To fix this problem, please go to "Appearance -> Menu" and follow the instructions as shown in the image below:


Thank you!

5. Setup header builder: Logo, Menu, etc...

Hi,

1, Go to the backend edit of the Pages or Homepage and check the "header name": https://prnt.sc/NHtf8Qcytwws

2, Go to Appearance -> Customize -> Header and check "header name": https://prnt.sc/6dmmMmcM2bbR

3, Find the "header name" in the Header builder custom post type and Edit with Elementor: https://prnt.sc/2EdTtoyeLRLS

4, Edit logo, menu, header style, etc...: https://prnt.sc/khvhFT-oUskr

Thank you!

6. Fix broken layout error when using Elementor version 3.1.0 or greater.

This is an issue with Elementor version 3.1.0 or greater. 

Don't worry, we have a solution for you to solve the issue. Please follow this:

How To Use This Experiment

  1. Go to Elementor > Settings > Experiments tab.
  2. Select Inactive from the Optimized DOM Output dropdown.

Click the Save Changes button.


7. Change the old Twitter icon by new X icon?

Hi,

Please use the SVG icon to replace the Font icon for X-Twitter: 


Download the SVG icon here: https://fontawesome.com/icons/x-twitter?f=brands&s=solid 

Thank you!

8. Convert existing sections to containers after import demo content.

The theme is fully container compatible.

Once you've successfully imported your demo content, you can convert Sections to Containers to use.

Here are the steps

  1. Hover over the section you want to convert. 
       

     2. Click the Edit Section icon 

        


    3. In the Edit menu, expand Layout, and click Convert

        

The converter creates a duplicate of the section in a container below the original section. 

Tips for converting sections

9. How to change the breadcrumbs's link and text of the Portfolio?

Hi,

1, Change the breadcrumbs' text for Portfolio:

Go to Settings -> Permalinks -> Optional -> OT Portfolio base -> Save Changes


2, Change the breadcrumbs' link for Portfolio:

Go to Appearance -> Customize -> Portfolio -> Archive Page -> Select page default for the portfolio archive page -> Choose a custom page for archive portfolio page


Thank you

10. Import shop page demo

1 - By default, we do not import demo shop content for customers to save time because many customers do not use it. But if you need it, we will assist you in importing the demo shop content.

2 - Please install the Woocommerce plugin and then download the file demo content product:

+ Woocommerce plugin: https://wordpress.org/plugins/woocommerce/

+ File demo product of themes:

Sandbox: https://www.dropbox.com/s/c7meu7882m59ns8/sandbox-content-shop.xml?dl=0

Engitech: https://www.dropbox.com/s/izkhoxpsl2dz8hr/engitech-content-shop.xml?dl=0

Theratio: https://theratio.s3.amazonaws.com/theratio-demo-shop.zip

Onum: https://onum-wp.s3.amazonaws.com/demo-content/onum-content-shop.zip

Maxbizz: https://maxbizz.s3.amazonaws.com/demo-content/maxbizz-demo-shop.zip

Ronmi: https://ronmi.s3.ap-southeast-1.amazonaws.com/demo-content/ronmi-demo-shop.zip

ProgriSaaS: https://progrisaas.s3.ap-southeast-1.amazonaws.com/demo-content/progrisaas-demo-shop.zip

Techwind: https://techwind.s3.amazonaws.com/demo-content/techwind-demo-shop.zip

Makaffo: https://ot-makaffo.s3.amazonaws.com/demo-content/makaffo-demo-shop.zip

3 - After import the shop page content, go to Appearance -> Customizer -> WooCommerce to setup in more detail.

11. Setup header builder: Logo, Menu, etc...

Hi,

1, Check the "header name":

1a, Go to the backend edit of the Pages or Homepage and check the "header name": https://prnt.sc/NHtf8Qcytwws

1b, Go to Appearance -> Customize -> Header and check "header name": https://prnt.sc/6dmmMmcM2bbR

2, Find the "header name" in the Header builder custom post type and Edit with Elementor: https://prnt.sc/2EdTtoyeLRLS

3, Edit logo, menu, header style, etc...: https://prnt.sc/khvhFT-oUskr

Thank you!

12. Demo data import failed using Elementor version 3.0 or higher.

"There is an issue with Elementor 3.0."

==> We have a solution for you to successfully import demo content. Please do follow step by steps below:

1, Please resets the site’s database to the default installation, use this plugin to reset website: https://wordpress.org/plugins/wp-reset/

=> After install and active the WP Reset plugin then reset your website:


2, The first, you need to active the theme:


3, The second, you need to active all the plugins required install with the theme:


4, Rollback Version for Elementor version 2.9.9 (Rollback to Previous Version) -> This is very important:


5, Start Import demo content again with One Click Import Demo featured:


6, After Import demo content success, please update the Elementor latest version 3.0.2 or higher: 

7, Finished!

Note: if you still cannot import demo content successfully. Please create a new ticket and provide your full admin account information and website url link. We will import demo content for you as soon as possible.

13. Fix error some CSS changes may not appear immediately after saved them

Sometimes some changes in Elementor Editor may not appear immediately after they are saved.

You can try this solution.

Regenerating CSS: Go to WP admin > Elementor > Tools > Regenerate CSS

Then, you can clear the cache (WP cache and browser cache) and refresh the page.