Elementor Pro Tutorial

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 on facebook
Share
Share on twitter
Tweet
Share on linkedin
Share
Share on pinterest
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 on facebook
Share
Share on twitter
Tweet
Share on linkedin
Share
Share on pinterest
Pin

39 thoughts on “Elementor Pro Tutorial”

  1. 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.

    1. Ferdy Korpershoek

      Hi Bert, you probably installed Elementor as a theme, but you should install it as a plugin. Goodluck! 🙂

  2. 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

    1. Ferdy Korpershoek

      Hi Paul, you can also make use of all the other templates on the website. Katka also has great Elementor templates.

        1. 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

  3. 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!

  4. 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?

  5. 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

    1. Ferdy Korpershoek

      Thanks Joris! Ik weet geen gratis plugin voor dat. Ik gebruik Elementor Pro met Popups voor die functie.

  6. 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

  7. 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

  8. 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!!!!!

  9. Tony Konstantinidis

    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

  10. 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!

  11. 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.

  12. 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

  13. 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?

  14. 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

  15. 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

  16. 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

  17. 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

  18. 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..

  19. 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?

  20. 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

  21. 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

  22. 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?

  23. 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;
    }

  24. 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

  25. 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.

  26. 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

  27. 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.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top