builder
Containers – Settings
Containers in Elementor use Flexbox to help you build flexible, responsive layouts without relying on traditional sections and columns. You can control direction, alignment, spacing, wrapping, and positioning to create complex structures with clean, optimized markup. Responsive controls allow you to adjust layout behavior for desktop, tablet, and mobile devices easily.
Containers – Creating the layout
Containers in Elementor use Flexbox to help you build flexible, responsive layouts without relying on traditional sections and columns. You can control direction, alignment, spacing, wrapping, and positioning to create complex structures with clean, optimized markup. Responsive controls allow you to adjust layout behavior for desktop, tablet, and mobile devices easily.
Containers – Introduction
Containers in Elementor use Flexbox to help you build flexible, responsive layouts without relying on traditional sections and columns. You can control direction, alignment, spacing, wrapping, and positioning to create complex structures with clean, optimized markup. Responsive controls allow you to adjust layout behavior for desktop, tablet, and mobile devices easily.
Buttons and links
In Elementor, buttons and links allow you to guide visitors to key pages, products, or external resources. You can customize their text, style, size, icons, and alignment, and set links to internal pages, dynamic URLs, popups, or external destinations. Advanced options let you control hover effects, attributes, and responsive behavior for better usability across devices.
Dynamic content in Elementor
Dynamic content in Elementor allows you to pull data directly from WordPress, such as post titles, featured images, custom fields, author info, or WooCommerce product data. Instead of manually entering content, you connect widgets to dynamic sources so the layout updates automatically based on the current post or product. This makes your templates reusable and perfect for blogs, custom post types, and online stores.
Optimizing your website for mobile and tablet devices
When optimizing your website for mobile and tablet devices in Elementor, you can adjust layouts, spacing, typography, and visibility settings specifically for each device type. Use responsive controls to tweak column widths, stacking order, margins, and font sizes to ensure a clean and readable design. You can also hide or customize certain elements per device to improve usability and performance.
Create a products archive template with Elementor Theme builder
With Elementor’s Theme Builder, you can create a Products Archive template that controls the layout of your WooCommerce shop and product category pages. You design it visually using widgets like Archive Title, Products, Product Categories, and sorting options. After publishing, you set display conditions to apply the template to the Shop page or specific product archives.
Create an archive template with Elementor Theme builder
With Elementor’s Theme Builder, you can create an Archive template that controls how blog, category, tag, or custom post type archives are displayed. You design the layout visually using widgets like Archive Title, Posts, and dynamic content elements. After publishing, you set display conditions to define which archives the template applies to.
Create a single product template with Elementor Theme builder
With Elementor’s Theme Builder, you can create a Single Product template that controls the layout of individual WooCommerce product pages. You design it visually using dynamic widgets like Product Title, Price, Rating, Images, Add to Cart, and Product Data Tabs. After publishing, you set display conditions to apply the template to all products or specific product categories.