How to Make a Restaurant Website With WordPress in 2021

Build a dazzling restaurant website with the Laurent WordPress theme using the Elementor page builder. This video guide is intended for all of you interested in learning how to make your own WordPress fine dining website.

Follow us “behind the scenes” as we cover some basics, from customizing the header and footer to working with menus and testimonials. You will also learn about modifying the sliders and working with the excellent Revolution Slider plugin that comes bundled with this theme.

By following this video you’ll also learn how to work with the Elementor Page Builder so that you can use it to create unique pages on your own. By the end, you should be ready to make and show off your online restaurant presentation, even without any previous experience.

You can jump to specific parts of the video by clicking the appropriate timestamp link in the following list:

00:00 Introducing
02:03 Importing the demo content
06:16 Customizing the logo and the header area
17:49 Customizing the side area
20:15 Getting to know some global options
27:40 Working with Slider Revolution
40:12 Working with Elementor
50:20 Creating a Testimonials section
58:43 Customizing the restaurant menu
1:04:09 Customizing the Portfolio list and Portfolio singles
1:14:54 Using the booking form
1:16:30 Customizing the footer and footer widgets

How To Import Demo Content Using The One-Click Demo Import Feature:

How to Find Out a Color’s Hex or RGB Code:

How to Set Up Google Maps in Qode Interactive WordPress Themes

How to Display Your Instagram Feed on Your WordPress Website

How to Display Tweets in Qode Interactive WordPress Themes

You can view the full documentation for Laurent at:


Need help with Laurent? Get in touch with our support team at:


Ready to create your next restaurant website? Get a copy of Laurent here:


Check out our entire collection of 400+ premium WordPress themes at:


Don’t forget to sign up for our newsletter and be the first to find out all the latest news:


Follow us on all your favorite social networks.

[QodeInteractiveVideos]

Hey everyone! If you have any questions or comments on this topic, we’d really appreciate hearing from you right here in the comments section! Also, for any issues or questions about this theme, you can give our support team a shout at:

[chaneleperry]

Thanks a lot for this video, it was incredibly helpful. I do have one question: for the home page, image carousel (with the 3 slides and different pictures for each.) Is there a way to change the timing of the first slide to make it longer without effecting the length of the subsequent slides? I've watched the video a couple times but I don't think it was covered there

[lumanescence]

Hello! Please could you advise on my problem. I have created a portfolio page with portfolio items. When i click on the item, it opens on a separate page, but the picture of the item covers my menu heading. I cannot move it with Elementor, because it does not seem to be available for this page. Please tell me how to move the portfolio item downwards?

[mundohh]

Hi, how I can change the color of (svg) decoration lines next to the titles? and the row (svg) boton for go scroll up ?

[KatarinaTualemoso]

Hi! I've added the svg elements and although they show up on the backend in elementor, they do not show up on the live page. Any suggestions?

[danilogiuliani]

1:06:44 : Which is the option that allow me to change the text color of the items? (in your case the text : "starters, main coureses, dessert) ; Elementor cannot change that text color, I don't know why

[KatarinaTualemoso]

Is there more information on modifying the slider revolution settings to correctly display in the mobile version?

[zeto]

Hello, great video.

How do you change the colour of the little graphics that are either tide of titles?

Thank you.

[valeriatyan]

Hi, how can i change the link to the bottom menu icon on the gallery pages? it is the one that is 4 round circles and it links to the demo pages, which i dont have included on my website obviously. I have looked everywhere and cannot find it...

[michaeltheimmortal]

When I run the 'Import demo content' it only gets to 98% and then gets stuck. Everything seems to be importing except for the sliders.

[zuzu]

Hello. is there a maximum menu which you can link to? i can only use 5 menu's with an anchor. I need more actually

[olgani]

Hi! I really like your template. I'm going to use your Shop section as a catering page. Is it possible to have 2 prices for 1 item (they have Small and Large sizes for the same item). Also, do you have migration services available? Thank you

[valeriatyan]

Hello, please could you tell me how can i change the parallex background on About Us demo page that overlays the menu at the top? I need to change the image and the text too. It is the one with circular lamps and its an image of some restaurant

[corystheboss]

What file size is recommended for logo in top left?

[AudreyB]

How do you change the color of the overlay box that appears when you put your cursor over a portfolio single in the portfolio list?

[lumanescence]

Please could you tell me how to upload Cyrillic fonts because my website is in Russian?

[Travelworld]

Possible if someone can answer my ticket - please.. I can not download demo...