How to use Elementor WordPress for service section design

In this WordPress video lesson, we will learn ‘How To Use Elementor WordPress For Service Section Design’ using Elementor free version.

We used Figma for these three service section designs. In this “How To Use Elementor WordPress For Service Section Design | Web Design Inspiration 2022” video, we converted that Figma Design into a real functional service block, using Elementor WordPress. So, with this Elementor Tutorial. You will also know how to use this WordPress page builder.

Here’s the CSS code that we used for the styling in the video. You can copy and paste it to your project to try it out.

.btn-custom a {
  position: relative;
.btn-custom a:before {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background-color: #00875C;
  left: 0;
  bottom: -5px;
  transition: .3s;
.btn-custom a:hover:before {
  width: 100%;

Help us to inspire and produce awesome free WordPress tutorial videos like this. To do so, please subscribe to this YouTube Channel for exclusive content.

Bedside this how to build a free website video, we also recommend you to check out this article Essential Plugins to make your WordPress website efficient

Hooray! 🎉 Our Ultimate Figma Mega Course is live for you!