How To Use WordPress Gutenberg Blocks & Neve To Recreate LifeHack.org

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

How To Use WordPress Gutenberg Blocks & Neve To Recreate LifeHack.org

Watch Wordpress ThemeIsle Video: How To Use WordPress Gutenberg Blocks & Neve To Recreate LifeHack.org. Today we're going to use only free tools, the Neve theme and Gutenberg, to recreate the LifeHack.org homepage. We can't get it pixel-perfect, but it's really close.

The tools we used to make this happen:

• Neve WordPress theme: http://bit.ly/NeveWPTheme
• Get professional hosting from Siteground, with discount* - http://bit.ly/WPHostingOffer
• MailPoet tutorial: https://www.youtube.com/watch?v=zc2FVqsHJNQ

1. Stock Photos: https://mystock.themeisle.com/
2. Free Icons: https://themeisle.com/free-icons/
3. Domain Wheel - https://domainwheel.com/
4. Image optimization service by Optimole - http://bit.ly/Optimole
5. Orbit FOX - http://bit.ly/OrbitFOX

Table of Contents:

Step #1 - Recreate the Header with the Neve Theme • 4:12
Step #2 - Recreate the Footer with the Neve Theme • 14:45
Step #3 - Recreate the Homepage with Gutenberg • 26:36

CSS used in the Customizer:

.green-button {
color:white !important;
font-weight:bold;
background-color:rgb(86,165,0);
border-radius:20px;
border-radius:20px;
padding:10px 15px;
border:none;
}

.green-button:hover {
text-decoration:none;
}

.footer-links {
margin-bottom:50px;
margin-top:20px
}

.footer-links a {
margin-right:10px;
margin-left:12px;
color:white !important;
}

.footer-bottom .dark-mode, .footer-top .light-mode {
background-color:#283646;
}



CSS used in MailPoet:

.mailpoet_text {
width:330px;
background-color:white;
padding:7px;
margin-right:-3px;
border-right:none;
border-top-left-radius:20px;
border-bottom-left-radius:20px;
display:inline;
float:left;
}

.mailpoet_submit {
color:white;
background-color:rgb(86,165,0);
border-top-right-radius:20px;
border-bottom-right-radius:20px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
padding:10px 10px 11px 10px;
border:none;
float:left;
}

Website → https://themeisle.com
WordPress Articles → https://themeisle.com/blog/
Facebook → https://www.facebook.com/themeisle/

ThemeIsle is the go-to source for the High-Quality WordPress Themes (both free & premium), and plugins every website owner needs. We're passioned about all things WordPress, but we're not afraid to tackle other web related subjects. Our goal is to give those websites easy-to-use themes and designs that can be managed by everyone.

* When purchasing hosting through our link, from Siteground.com, you can get a specific discount available at that moment. Doing it, you will generate a commission for us and that is helpful for making future video-tutorials. Thank you!

How To Use WordPress Gutenberg Blocks To Recreate The Apple Homepage. Recreate The Xiaomi Homepage With Neve & Otter Blocks [FREE Tools]. Recreate The Asos Website With Neve, Elementor & Gutenberg [homepage]. Gutenberg Blocks Spotlight: Kadence Blocks - Does this plugin help Gutenberg compete with Brizy?. WordPress Gutenberg Blocks Tutorial Showing How Gutenberg Could Be A Real Page Builder With Getwid. Best Gutenberg Blocks Plugin - Ultimate Addons For Gutenberg (FREE). WordPress: Reusable Gutenberg Blocks. WordPress: Standard Gutenberg Blocks Explained. WordPress: Alle Gutenberg Blocks erklärt. WordPress: Reusable Gutenberg Blocks vorgestellt (Deutsch). WordPress Gutenberg Tutorial: How to Use Blocks (Demo) & My Review. How to Bulk Convert Classic Blocks to Gutenberg in WordPress.

Show more

Published:
Category: Wordpress ThemeIsle
80 Views

Related Videos

Free Web Hosting
RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA


RSS