Free Guides

Elementor: two ways to add an offset to the Table of Contents widget when scrolling – tutorial with code

Table of Contents is a relatively new Elementor Pro widget that is very useful and works well. However, it does not have a built-in option to define an offset when scrolling content. Here are two different and independent ways to overcome this shortcoming.

Creating a Shrinking Sticky Header With Elementor Pro

Shrinking the sticky header when scrolling is useful, and one of the most requested additional functions when creating a site. In this tutorial, I explained in detail a simple way to create a shrinking sticky header, without additional plugins and without relying on a WP theme, using only Elementor Pro and custom code. The tutorial brings custom code, written simply and comprehensible which can be easily adapted to your needs. The tutorial also explains the implementation of this code.

How to change the submenu indicator color in Elementor’s WordPress Menu widget?

The WordPress Menu widget that comes with Elementor pro is a simple, reliable, and popular tool that allows us to style the WordPress menu in Elementor. However, what to do when clients and designers ask for more than what it naturally offers – for example, for the submenu indicator color to be defined independently? The solution is simple, in a small snippet of CSS code.

How to import WooCommerce products using a transfer file created on another WordPress site

This article describes the easiest way to import WooCommerce products from a .csv file created for migration on another WordPress site – step-by-step, illustrated

How to create a WordPress events site using Elementor

Elementor is the most popular and powerful theme and page builder within WordPress. However, there is still no built-in support for customizing an event plugin, similar to how e-commerce (i.e. WooCommerce) customization is enabled. In this article, I will try to give the best solution to this problem.

How to change currency symbol in WooCommerce – tutorial with code

The way the currency code is displayed in WooCommerce is predefined. There is no natural way to change currency symbol – by entering it in a setting field, for example. The easiest way to change the currency symbol in WooCommerce is to insert a short PHP code.

WordPress