Design Wordpress Post layout to look like iMessages using Elementor Pro

Design Wordpress Post layout to look like iMessages usin…. Category: Wordpress Design with Elementor, Tags: Beginner, Elementor 2019, Elementor Css Hacks, Eleme

Design WordPress Post layout to look like iMessages using Elementor Pro

Design WordPress Post layout to look like iMessages usin…

Hey, designers! I’ll show you how to change WordPress post-layout design and apply iMessage like Speech bubbles to each and every paragraph.

Get Elementor Pro:
https://bit.ly/designelementorpro

We’re doing it with Elementor Pro as it allows us to customise and set designs for WordPress single post layout and more! Similar to other videos we can achieve these Elementor CSS tricks using the PRO version.

NOTE: Don’t add images in between the text or paragraph, as it may look weird, however, you can add featured image and more.

First, select the post content widget and under advanced, Click on custom CSS and paste the code there:

selector p{
font-size: 20px;
}

selector p:nth-child(odd){
color:black;
background-color: snow;
padding: 15px 15px 15px 15px;
margin-bottom: 45px;
border-radius: 10px 10px 10px;
width:70%;
}

selector p:nth-child(even){
color:white;
background-color: blue;
padding: 15px 15px 15px 15px;
border-radius: 10px 10px 10px;
margin-bottom: 45px;
width:70%;
position: relative;
left:30%;
}

/*Code ended with above line*/

ALSO tweak values to your liking! Happy designing and Peace

**Some Important Links**

Elementor Custom Breakpoints Tutorial:
https://youtu.be/xY0_iC72ca4

Join the Facebook Group: https://www.facebook.com/groups/designschoolwp

Design your website:

Build your website:

Customise your website:

…  

View our service SEO Temple Web Design

 

Design WordPress Post layout to look like iMessages using Elementor Pro Description

Design WordPress Post layout to look like iMessages usin…. Category: WordPress Design with Elementor, Tags: Beginner, Elementor 2019, Elementor Css Hacks, Eleme

Design WordPress Post layout to look like iMessages using Elementor Pro Tags

Beginner, Elementor 2019, Elementor Css Hacks, Elementor Css Tricks, Elementor Pro Tu, Elementor Tutorial, Elementor Tutorial For Beginners, Free Website Tutorial, Free WordPress Tutorial, Mobile First, WordPress, WordPress Css Tutorial For Beginners, WordPress Display Posts, WordPress For Beginners, WordPress Post Layout, WordPress Post Layout Design, WordPress Tutorial, WordPress Tutorial 2019, WordPress Tutorial For Beginners

Watch Design WordPress Post layout to look like iMessages using Elementor Pro on YouTube

WordPress Design with Divi

 

Related Posts on MayanSEO Blog

We offer White Label SEO

Our prices start at $300 USD per month

You can reach us using the following form:

[]
1 Step 1
keyboard_arrow_leftPrevious
Nextkeyboard_arrow_right

3 Comments

  1. 79

    Love your videos! You show us new things that are possible with Elementor and not just the usual stuff that every other channel shows! Keep up the great videos buddy!

    Reply
  2. NoWayOut

    Another great video!

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *