Skip to content

Elementor Settings

This theme is powered by Elementor, allowing you to easily create pages with the page builder provided by this plugin.

For detailed explanations on using this page builder plugin, visit this page.

Feel free to use the Raos Elements to create the new page layout that you desire.

Or you can use the page template already included in this theme to save time or for reference.

Just ensure you've imported all demo content in Once Click Demo Import. If you only want to import the page template, you can choose to import Media Only & Library Only.



The settings in Elementor->Settings (tab)

Elementor settings

Make sure you checklist all the post types, so you can use page builder in those post type posts.

You need to checklist the Disable Default Colors and Disable Default Fonts too.

The settings in Elementor Editor -> Site Settings

Elementor settings

Go to page that created with elementor and choose Edit with Elementor -> Site Settings.

For Desktop Layout

Elementor settings

Go to Layout -> Content Width set to 1320 (px)

Set the Gaps -> 32 (px) for Column and Row


For Tablet (Potrait) Layout

Elementor settings

Go to Layout -> Click/choose the tablet icon in the Content Width -> Content Width set to 752 (px)


Breakpoint Settings

Elementor settings

Go to Breakpoints ->Make sure to choose Mobile Potrait and Tablet Potrait in "Active Braeakpoints"

Set the Mobile Potrait Breakpoint to 761 (px)

Set the Tablet Potrait Breakpoint to 990


For Lightbox

Elementor settings

Go to Lightbox and select No for Image Lightbox.


Notes after importing the demo data or importing the template only:

Elementor settings

It's important to navigate to Elementor -> Advanced tab and select Internal Embedding in the CSS Print Method first.

Then, save the changes and revisit CSS Print Method to choose External File, saving it again. This process ensures that the settings from the demo site are accurately replicated on your site.

Back to top