Thu. Aug 22nd, 2019

WordPress Tutorials 101

WordPress Tutorials

Design WordPress Post layout to look like iMessages using Elementor Pro

1 min read

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

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 🙂

Copyright © All rights reserved. | Newsphere by AF themes.