WordPress Blog with Elementor Pro 2024 – Customizable Blog

1421SHARES

Preparation

• 1. Understanding Blog Structure & Design Plan
• 2. Install WP on new Domain via Hostinger
• 3. WordPress Basic Settings
• 4. Install Elementor Free
• 5. Install Elementor Pro
• 6. Preparing Global Colors & Fonts (Shades Generator)
• 7. Download Exercise Files (Optional)
• 8. Get Ready RecipePro Kit from Kitpapa (Optional)

Main 10 Steps

• Step #1: The Header + Menu Import
• Step #2: The Blogpost Lists
• Step #3: The Sidebar
• Step #4: The Footer
• Step #5: A Category Page
• Step #6: The Blogpost Page
• Step #7: The Featured Post
• Step #8: The Email Subscribe
• Step #9: The Contact Page
• Step #10: 404 Error Page

Excerpt & Title Line Count

/*Excerpt Line Count*/
selector .elementor-post__excerpt{ overflow: hidden; 
    width:100%; 
    display: -webkit-box; 
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
}

/*Title Line Count*/
selector .elementor-post__title{ overflow: hidden; 
    width:100%;
    display: -webkit-box; 
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; 
}