Elementor Pro Tutorial

Subscribe To My YouTube Channel For More Upcoming Videos
Create a webshop using Elementor Pro
Create Custom Post Types
All Elementor Pro Elements Explained
Forms Tutorial
Header Tutorial
Get Free Headers/Footers/Templates
Popup tutorial
Share
Tweet
Share
Pin
Sticky Header Background and Link Colors
/*Sticky Header background*/ selector.elementor-sticky--effects{ background: #FFF; } /*Sticky Header Links and Icons*/ selector.elementor-sticky--effects a, selector.elementor-sticky--effects i{ color: #000!important; }
Different Logo For The Sticky Header
/* Sticky Logo Invisible */ .sticky-logo { display: none; } /* Change Logos When Scrolling */ .elementor-sticky--effects .sticky-logo{ display: inline-block; } .elementor-sticky--effects .static-logo{ display: none; }
Change Complete Header On Scroll
.sticky-header { top: -70px !important; z-index: -1; transition: top 1s ease !important; } .sticky-header.elementor-sticky--effects { top: 0 !important; }
Menu Seperator
.menu-item:not(:last-child) a { border-right: 1px solid #B3B3B3; padding:15px 3px 15px 3px; } .menu-item:last-child a { padding:15px 3px 15px 3px; }
Share
Tweet
Share
Pin
Hoi Ferdy, ben op dit moment bezig jouw instructies te volgen en hoop eindelijk mijn website voor elkaar te krijgen. Ben op 33.10min van jouw tutorial en ben bezig om elementor te installeren maar helaas verder kom ik niet want een foutmelding wordt gegeven tijdens installatie (Het pakket kan niet geïnstalleerd worden. Het thema heeft geen style.css stylesheet.) en dan ben ik als 67 jarige dacht ik nog wel redelijk bij gebleven maar dit gaat mij boven de pet.
Hi Bert, you probably installed Elementor as a theme, but you should install it as a plugin. Goodluck! 🙂
Hello Ferdy,
I just purchased Elementor Pro using your affiliate link.
Morris
Beste Ferdy,
Mijn naam is paul van Coblijn.
Ik wil een website bouwen met elementor en ik heb jouw templates bekeken.
Mijn oog is gevallen op de template Media 3 blauw.
Ik wil namelijk naast mijn normale werk huizen gaan verhuren in het buitenland. Ik ben niet bedrijfsmatig bezig.
Heb jij andere templates die je kan aanbevelen?
Alvast bedankt
Groeten
Paul
Hi Paul, you can also make use of all the other templates on the website. Katka also has great Elementor templates.
bkunle22@gmail.com
Yes, thank you, I we like to use te template as well
Hello Ferdy, thank you very much for your nice tutorial, I have a question, can I show random pop up on my page?
But I mean like if I show X I don’t show Y?
Thank you
Beste Ferdy,
wat vind ik het jammer dat ik jouw site and tutorials niet eerder ontdekt heb. Ik heb een volledige website die me maanden hard werk en veel geld gekost heeft en ook al staat hij online, hij is nog niet klaar. Ik werk met WP bakkery en vroeg me af of er een mogelijkheid is om de website te ‘herbouwen’ zodat ik met elementor (pro) kan werken, maar wel mijn thema behouden.
Ik hoor het graag!
Bedankt!
Ha Sofie, je kunt de website opnieuw maken. Je kan een kopie van je website op ketocoaching.be/nieuw zetten en de website dan opnieuw maken met Elementor. Daarna zet je de nieuwe website terug op ketocoaching.be. Deze plugin is daar handig voor: https://www.youtube.com/watch?v=R3HIekyBx-8
Hartelijk dank Ferdy!
Beste Ferdy,
Ik ben bezig met een website in wordpress en een App op te zetten. Ik wil via mijn dashboard WordPress online een aantal rijdende taxi’s in google maps kunnen volgen voor veiligheid. Hoe kan ik dat via google realiseren en wat heb ik nodig van Google?
If I were you I would hire a coder for something like this.
Hoi Ferdie,
Hele handige video’s maak je, geweldig! Ik heb ook een vraag. Welke gratis plugin adviseer jij als je na het klikken van een button de bezoek een contactformulier wil laten zien in een pop-up?
Groet,
Joris
Thanks Joris! Ik weet geen gratis plugin voor dat. Ik gebruik Elementor Pro met Popups voor die functie.
Hi Ferdy,
Mooie tutorials, en relaxed om naar te kijken. Je hebt me veel wijzer gemaakt! Maar ik heb ook een vraag. Ik probeer de header (met logo, nav menu) onzichtbaar te maken en wanneer ik met de muis bovenaan de pagina hover dat de header in komt sliden. Maar ik kom er niet uit. Heb je hier toevallig een tutorial voor of oplossing? wellicht met css?
Alvast dank voor je reactie.
Groet!
Dave
Hi Ferdy,
Hope you are doing well!
My problem is that I want to create a portfolio with elementor pro like on the video you made, I decided to download your templates, but when I import the portfolio json file it into my site it just show me the portfolio picture. Any idea on how to do it. THANKS IN ADVANCE!
Kind regards,
Edvaldo Neto
Hi Edvaldo, this should work. You need to make your own portfolio items: https://www.youtube.com/watch?v=sJFL3iG1Xjk
Hello Ferdy,
I just wanted to say Thank You for your time and effort in all tutorials and examples shown.
Greetings,
Cristian
Goede middag Ferdy,
Waarom heb ik jou niet eerder ontdekt?
Mijn complementen aan je video’s en duidelijke uitleg voor het bouwen van een WPsite in Elementor. Ik ben voornemens de pro versie aan te schaffen alleen is het me niet helemaal duidelijk hoe het zit met de licenties. Er zijn drie varianten maar als meerdere sites maak voor verschillende personen (jaja je hebt me geïnspireerd) welke versie Pro adviseer je dan?
Nogmaals bedankt dat je je kennis wil delen om andere, net zoals mijzelf, enthousiast te krijgen voor WordPress en het bouwen van een site. Ga zo door!!!!!
Hi Ferdy,
I see that Elementor has just released a new GYM template…and am having trouble downloading it….and would love a tutorial please showing us how to do it.
Thank you for all of your amazing tutorials and I hope to see another one as mentioned above soon 🙂
Regards,
Tony
Hello,
I just started taking the Complete WordPress Course | Elementor on Udemy, and noticed that the resources link to all of the images you use for the course no longer exists. Is there a way to get a hold of the images?
Thank you!
Hi Ferdy,
Ik heb reeds een cursus van jou gevolgd via Soofos. Het heeft me aangezet om zelf een website te maken. https://asombrosa.net
Ik heb Elementor pro geïnstalleerd maar ik krijg mijn pop ups niet geïnstalleerd. (foutmelding: Sorry het inhoudgebied is niet op je pagina gevonden). Ook in mijn bibliotheek van Elemontor staan geen pop up templates staan. Kan jij mij een tip geven hoe ik dat kan optimaliseren?
In afwachting
Van Dyck Etienne
P.S. Indien jij gaat een cursus mocht hebben over deze, wil ik die zeker volgen, al dan niet tegen betaling.
Hi Ferdy,
Bedankt voor alle duidelijke informatie. Erg interessant en zeker een aanbeveling voor iedereen die start met het maken van een eigen webpagina. Daarnaast vind ik Elementor erg handig in gebruik. Elementor heeft voor mij gezorgd voor dat extra zetje om eindelijk eens te gaan starten met een eigen website.
Na het volgen van de tutorial, mis ik enkele widgets zoals de sticky header, het delen van berichten via social media, het interactief kunnen reageren door bezoekers op blog berichten en voornamelijk het aanmaken van een poll. Kun jij mij vertellen of Elementor pro een uitkomst biedt voor al deze toevoegingen of heb jij tips (widgets) waardoor deze opties mogelijk kunnen zijn op mijn eigen website? Graag hoor ik van je. Alvast bedankt
Groet,
Thomas
Hallo Ferdy,
Sinds oktober is mijn website operatief. Met dank aan jouw instructiefilms op youtube die ik wel 50 keer heb bekeken!!
Het is slechts een kleine website, bedoeld om ons vakantiehuis te tonen aan vrienden van vrienden, maar wel met een kleine blog.
Gaandeweg is er een probleem met (de gratis versie van) Elementor gebleken. Na publicatie van een blogpagina (niet de startpagina) blijkt benadering van de pagina niet meer mogelijk. De inhoud is niet op de pagina gevonden en ik moet de “the_content”-functie aanroepen in de huidige template, waarna Elementor weer zou werken.
Ook wordt gesproken over het inschakelen van de veilige modus, en/of over het toevoegen van code’s op de paginasjabloon, t.w.
Ik ben net met pensioen en dus geen whizz-kid….op zich geen excuus, maar ik ben de weg kwijt.
Enig idee wat te doen?
Hi Ferdy,
I have been following you for couple of years, all you tutorials are really amazing..
Need your help in designing a Single page blog template such as the one below
https://oceanwp.org/blog/wordpress-performance-tips-everyday-user/
Hope you consider the request and fulfill the same…
Regards,
Vishal Mukherjee
Hello there Ferdy, Ric from Mexico again. So thanks to you Ive learned to make a site using Astra and Elementor :). I even was able to provide some help to someone else handling their Avada theme and Fusion builder, so now I want to start a side business doing so….the question for you is what do you recommend (in terms of investing)?…
a) using astra free with elementro pro?
b)bundle elementor pro buying astra pro as well?
c) going for another option such as Avada or Divi’
Thanks in advance for your response and for all your marvelous work¡¡¡ regards
Ricardo Loya
Hoi Ferdy, bedankt voor je heldere uitlegvideo’s. Inmiddels ben ik al behoorlijk ver op weg met mijn nieuwe website. Echter merk ik dat mijn call to action niet werkt. Tenminste wanneer ik hem test. Er wordt wel aangegeven dat het succesvol is verzonden, maar ik krijg niets binnen op zowel mijn zakelijke als privé mail. Heb al meerdere video’s bekeken maar nergens wordt ingegaan op dit mogelijke probleem of wat je in de instellingen juist moet hebben.
Is het zo dat wanneer een call to action element (blok) toevoegt aan je pagina deze al gelijk werkt? Of moet je achter de schermen in WordPress nog het e.e.a. instellen?
Ik werk aan een nieuwe site en hebben een subdomein aangemaakt. Misschien ligt het daaraan?
Gr,
Geoffrey Müller
Hallo,
Ik heb via jouw fantastische youtube handleiding een website gemaakt met phlox en elementor. Na meer dan anderhalf wil ik graag updaten naar elementor pro en liefst vandaaruit alles beheren (dus zonder phlox)…Is dit mogelijk ? En hoe kan ik de website aanpassen in een soort demoversie alvorens alles online gaat ?
Alvast bedankt !
Solange
Dag Ferdy, wat een fantastische en ongelooflijk duidelijke video’s heb je gemaakt. Ik heb m’n hele website vernieuwd m.b.v. jouw video’s. Inmiddels is het ook gelukt om anker links op een pagina toe te voegen. Nu vraag ik mij af; kun je ook een anker link naar een andere pagina gebruiken? Dus linken naar een specifiek deel van een andere pagina? En zo ja, heb je daar een video over? Ontzettend bedankt!
Met vriendelijke groet,
Annieke Otten
http://www.lerenvanatotz.nl
Hello sir.. Your videos are really great. I follow all your instructions but every time I am unable to make my header sticky both in elementor pro and also on betheme. I would be thankful to you to get your response..
First of all thank you for all of your tutorials and custom code. I’m attempting to do the sticky header with background change but the background for the nav bar section doesn’t change, only the color for the icons. Do you know if the code may have changed or if I’m missing something?
Hi Ferdy,
I saw your sticky header tutorials and they are awesome. I was just wondering what the css (or tutorial) will be to make the sticky menu show only when you scroll up? just as you have it here on your site. Thank you for all the time and effort you put in this tutorials.
Thanks in advance
Cesar
hello ferdy
I used your custom css namely: ticky Header Background and Link Color I get an error message that you cannot use! important I hope you can help me with this
Hello Ferdy,
I want to make my header change color multiple times, for example to become red when I scroll few lines, then yellow after another few lines. How can I do that?
Hi There Ferdy
How would you change the code below to make the Text of an added Button to White?
/*Sticky Header Links and Icons*/
selector.elementor-sticky–effects a,
selector.elementor-sticky–effects i{
color: #000!important;
}
Hi, Ferdy!
I hope the summer breeze has reached you at last 🙂
Will you ever make an extended tutorial video how to build a dropshipping store using the “Elementor Pro” version?
Best regards,
Jamez
Hey Ferdy,
I imported your header template in my website. I don’t want the pink color on hover the menu item. I don’t know how to change that color with custom CSS. So, can you help me.
Hi Ferdi,
I have an idea about a page with a side menu, because I have many options I want to show. So on the right i have the list with options. On the left i want to explain what these options mean. With text, images and illustrations.
Now i have “build” my first website with Elementor Pro after seeing your tutorial and i’m almost done. But only this issue is working against me. 😉
I have already a side menubar on the right, but on the left you see all the content of all the items. But i only want to see the selected item (content).
Can you help me out?
Kind regards Ronald
Ferdy,
Your online tutorials are amazing! I really enjoy your style and in-depth help.
I have a basic issue that I cannot seem to correct. Using Elementor Pro, my Header is not showing on the other pages of my website. Entire Website is definitely set as a condition. But when selecting any Header Menu, like Product or About Us – the Header doesn’t show on the following page.
Hey Ferdy,
I imported your header template in my website. I don’t want the pink color on hover the menu item. I don’t know how to change that color with custom CSS. So, can you help me.
Hi Ferdy :
first at all …thank you for all your videos I did all you said to download the template files but every time that I tray to upload it to my WP …it said ” an error occurred ” please tray again …..please …please ..help…
Gus
hello ferdy are just found out about you and i must say i have been missing
Hello Ferdy,
Your amazing tutorial on Youtube about sticky headers brought me here. Your youtube videos are amazing BUT I have a small issue using your CSS code and I really have no idea of how to resolve it.
Basically I have followed your “Elementor Pro Header Tutorial” to the letter, but the header, after using the CSS code for “Sticky Header Background and Link Colors” you have included sometimes it works (https://greeksummer.villas/booking-terms/) , sometimes it does partially (https://greeksummer.villas) and sometimes it doesnt not at all (https://greeksummer.villas/new-home/).
I have reached a dead end, and I have been looking to find way to resolve it and I cant! You are my last resource.
George