×
HIDE

Custom Media Query Breakpoints

Column

Desktop : Column Width 50%, Padding 50px
Tablet : Column Width 50%, Padding 30px
(min-width: 576px) and (max-width: 767px)
Column Width 50%, Padding 40px 15px
(max-width: 575px)
Column Width 100%, Padding 40px 10px

Heading

Desktop : Font Size 30px
Tablet : Font Size 28px
(min-width: 576px) and (max-width: 767px)
Font Size 26px
(max-width: 575px)
Font Size 24px

Slider Builder With Animation

Slider Builder With Animation
Piotnet Addons For Elementor
Piotnet Addons For Elementor
Saving time in hand writing CSS
Days
Hours
Minutes
Seconds

Equal Height

Bánh kẹp
Add Your Heading Text Here

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Lightbox Image Gallery 1 Caption. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Add Your Heading Text Here

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Responsive Background Color

Desktop: Blue Black
Tablet: Pink
Mobile: Black

Responsive Background Image

Desktop: image 1, size cover
Tablet: image 2, size auto, position center center
Mobile: image 3, size cover, position bottom left

Responsive Background Position

Desktop: Center Center
Mobile: xpos -30px

Responsive Background Custom Size

Desktop: 120% ( width 120%, height auto)
Tablet: 900px ( width 900px, height auto)
Mobile: 100% 100% ( width 100%, height 100%)

Responsive Border Width

Desktop: 10px
Tablet: 5px
Mobile: 2px

Font Awesome 5

Email support@piotnet.com

Advanced Form Styling

Advanced Tabs Styling

First Tab Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Second Tab Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Third Tab Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

First Tab Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Second Tab Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Third Tab Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Advanced Nav Menu Styling
( Custom Toggle Image + Dropdown Absolute)

Column Width ( Pixel, %, calc )

300px
calc(100% - 300px)
100px
calc(100% - 100px)

Column Aspect Ratio

1x1
2x1
2x1

Responsive Column Order

1
Desktop: Order 1
Tablet: Order 3
Mobile: Order 2
2
Desktop: Order 2
Tablet: Order 1
Mobile: Order 3
3
Desktop: Order 3
Tablet: Order 2
Mobile: Order 1

Responsive Hide Column

1
Desktop: Show
Tablet: Hide
Mobile: Show
2
Desktop: Show
Tablet: Show
Mobile: Hide
3
Desktop: Show
Tablet: Hide
Mobile: Show

Parallax Background For Every Element

Multiple Background Images

Slide 1 Heading
Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here
Slide 2 Heading
Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here
Slide 3 Heading
Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Click Here

Font Awesome Icon

Image Icon

Absolute Positioning

Display Inline Block

Vertical Align: bottom
Vertical Align: top
Vertical Align: middle
Vertical Align: baseline

Make Gradient Text in Elementor

https://pafe.piotnet.com/tutorials/
https://pafe.piotnet.com/my-account/
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Set Max Width of Widget in Elementor

This paragraph has a maximum width of 500px. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Pricing

PERSONAL
$25
For 1 Site
  • Updates for 1 Year
  • Support for 1 Year
UNLIMITED
$50
Unlimited Sites
  • Lifetime Updates
  • Lifetime Support
Popup Trigger URL
Piotnet Addons For Elementor