Tips & Tricks Archives - pixfort Theme Documentation

Add Animated Background Effects

The Animated Background Effects feature allows you to add dynamic and visually engaging backgrounds to your layouts. With just a few clicks, you can apply smooth animated effects to any container, helping you create more modern and interactive sections on...

March 11, 2026

Advanced Tips & Tricks

Dynamic Tags

Using Dynamic Tags in Elementor Dynamic Tags in Elementor allow you to insert dynamic content into your designs — content that updates automatically based on the page, post, or context being viewed. This feature is extremely useful when building reusable...

September 15, 2025

FAQ Handpicked Tips & Tricks

Make Content Sticky

Sticky Content Example Sticky Container Container To make content sticky in Elementor using the Flexbox Container structure, follow these steps: Create a Flexbox Container with two nested containers Place the content you want to make sticky inside one of the...

March 30, 2025

FAQ Handpicked Tips & Tricks

How to Add and Edit Dividers

With the pixfort Divider Builder, you can create stunning top and bottom dividers in just a few clicks using Elementor. Add Dividers to Containers in Elementor You can add dividers to any Container using the built-in pixfort Dividers: Open the...

March 29, 2025

FAQ Tips & Tricks

How to Add Social Icons

1 Add Social Icons to the Header To add social icons in the header, start by setting your social network links in:Theme Options > Layout > Social Icons Theme Options > Layout > Social Icons After setting the links, the...

March 28, 2025

Advanced Tips & Tricks

pixfort Custom CSS Classes

The pixfort Theme includes a wide range of utility classes for advanced styling. Below, you’ll find a list of the most useful CSS classes organized by category. 1 Background Colors All background color classes in the pixfort Theme start with...

March 28, 2025

FAQ Tips & Tricks

Create a One Page Scroll Menu

Here’s how to create a one page smooth scroll menu step by step. 1 Set an ID for Sections You Want to Scroll To To scroll to a specific section (container), you first need to assign a unique ID to...

March 28, 2025

FAQ Handpicked Tips & Tricks

Add Custom Gradient Background Overlay

Default Gradient Background Color You can add a gradient background overlay using the Default Background Overlay option in Elementor Page Builder under Container Settings > Style > Background Overlay (Gradient). This option allows you to apply a gradient background overlay...

March 28, 2025

FAQ Tips & Tricks

How to Add Cookie Consent

To add a Cookie Consent Banner to your website, go to:Theme Options > Settings > Cookie Consent Theme Options > Settings > Cookie Consent In this tab, you can configure the following options: Banner ID – Used to manage when...

March 28, 2025

Advanced FAQ Tips & Tricks

How to Hide Specific Post Elements

If you’d like to hide certain parts of your blog posts or post listings, you can do so by adding small CSS snippets to: Theme Options > Layout > Advanced > Custom CSS Hide Post Author To hide the post...

March 28, 2025

1 2

Category: Tips & Tricks

Add Animated Background Effects

Dynamic Tags

Make Content Sticky

How to Add and Edit Dividers

pixfort Custom CSS Classes

Create a One Page Scroll Menu

Add Custom Gradient Background Overlay

How to Hide Specific Post Elements

Popular Categories

Getting Started

Handpicked

FAQ

Advanced

Developers

Quick Answers

Still have a question?

Search

Hey there

Get started

Still need Help?