We designed a minimal but gorgeous corporate website using Figma Design, in one of our videos. If you want to see that Figma tutorial, check the channel link below. In this video, we converted that UI/UX Design into a real website using Elementor WordPress. We believe this Elementor Tutorial will surely help you know – how to build a free website for business.
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.
/* Subscribe Form */
#wpcf7-f632-o1 {
position: relative;
}
#wpcf7-f632-o1 input {
color: #AAACB4;
font-size: 16px;
line-height: 24px;
padding: 10px 20px;
background-color: #EEF0F5;
border-radius: 5px;
border: 1px solid #77CEE3;
width: 100%;
}
#wpcf7-f632-o1 input[type="submit"] {
position: absolute;
right: -2px;
top: 1px;
width: auto;
border: 0;
background-color: #062F81;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}
/* Contact Footer Form */
#wpcf7-f649-o2 input, #wpcf7-f649-o2 textarea {
background-color: #EEF0F5;
border-radius: 5px;
border: 0;
color: #AAACB4;
font-weight: 400;
font-size: 20px;
margin-bottom: 20px;
padding: 15px;
}
#wpcf7-f649-o2 textarea {
height: 150px;
}
#wpcf7-f649-o2 input[type="submit"] {
text-transform: uppercase;
font-weight: bold;
color: #222;
}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
