Working on it. You can follow facebook group to get sneak peeks at work in progress projects.

@@DMmotionarts will do

For forms, you can use Elementor form if you have pro. If you don't have pro, then install "contact form 7" plugin and "premium addons for elementor" plugin and then use contact form 7 widget by premium addons to customize it. For more details on Premium addons for Elementor: You can check my video "How to use PRO features of Elementor without Elementor Pro". If you're trying to create form completely from scratch, then you will need to learn PHP, HTML,CSS,JS etc. I am not familiar with it.

@@DMmotionarts i will check it out, thanks 👍👍

You need to duplicate multiple times, if once doesn't work, do it twice or more. Make sure for mobile, in the container it is still using --> (row) direction, and also in wrap select no-wrap. That should fix it.

Perfect 🎉

Thank you <3

I already have a 2hr video showcasing Full Elementor.

There will be in future.

Thank you

U r experienced WordPress developer

Please guide beginners share your tips tricks do and donts during making your project make series videos please😢😢😢 it will help all beginners

Bar 5 is not made with using Code but default Elementor Settings. Check in Advanced panel, transform and in hover offset.

@@DMmotionarts Yes, I have already found it) Thank you

Can you send URL?

@@DMmotionarts maybe in screenshoot ? because my wordpress project in localhost

​@@yudistzme1266 The issue could be from anything. 1 - Make sure you have selected the right account page in settings as per above video. 2 - Try disabling plugin except woocommerce and see if the issue still happens.

WhatFont Extension

Yes, it should be possible on a button too. Alternatively, you can just create a small container in a shape of button and give it a a(link). That way the container will act as a button.

Try this code - (Make sure to give the icons CSS class = column-icon <style> .column { transition: width 0.5s; overflow: hidden; height: 600px; cursor: pointer; } .column:after { content: ''; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; } .column-icon { transition: opacity 0.5s; } .expanded.column:after { content: ''; background: rgba(0,0,0,0); position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; } .expanded .column-icon { opacity: 0; } /*Desktop over 1024px*/ @media screen and (min-width: 1025px) { .expanded { width: 150% !important; } } /*Tablet and mobile, below 1025px*/ @media (max-width: 1024px) { .column { transition: height 0.5s; height: 100px; } .expanded { height: 500px !important; } } .inner-element { opacity: 0; transition: opacity 0s; z-index: 2; } .inner-element.active { opacity: 1; /* Ensure opacity is set to 1 for the active state */ transition: opacity 0.5s 0.4s; } </style> <script> const columns = document.querySelectorAll('.column'); const innerElements = document.querySelectorAll('.inner-element'); columns.forEach(click => { click.addEventListener('click', event => { // Iterate over all columns columns.forEach(column => { if (column === click) { // Set the clicked column width to 100% column.classList.add('expanded'); } else { // Shrink the width of other columns column.classList.remove('expanded'); } }); // Iterate over all inner elements innerElements.forEach(innerElement => { // Add the active class to the inner element of the clicked column if (innerElement.parentElement === click) { innerElement.classList.add('active'); } else { innerElement.classList.remove('active'); } }); }); }); </script>

@@DMmotionarts It works perfectly! Thank you again for your awesome job!

Do you have any reference for it?

It could be something else that is causing the issue then.

@@DMmotionarts I deleted the page I was using and made a new page and it started working correctly

Thank you.

Cannot debug the issue. Try uploading new images and see if the code is set active and also to PHP.

@@DMmotionarts I did try, but nothing worked, I really dont understand.

@@qasmb1546 There might be something extra that is reducing the page. Like image compressor or if you''re using hostinger or CDN, image compressor might be active by default.