In the WordPress visual editor you can use a combination of keys to do things that normally need a mouse, trackpad or other input device. Rather than reaching for your mouse to click on the toolbar, you can use the following keyboard shortcuts.
I like to use the formatting shortcuts. It’s easy way to create the headings, lists, quotes, etc.
See the Pen oxXvwW by wpaesthetic (@wpaesthetic) on CodePen.18474
- Create two pseudo elements prepend and append the text.
- Give the elements display table value so that you can control easily the width and position values of the lines.
Sometimes the background image is too shine or the contrast between the text and background image is weak, so we should darken the background image.
There’re some easy ways to do it here.
See the Pen How to darken the background image by wpaesthetic (@wpaesthetic) on CodePen.18474
We maybe all know how to create a text with shadow. It’s simple, use
text-shadow property via CSS.
Continue reading » How to create a 3D text
Here I will introduce the small trick. You only add a little code, then make buttons have pressed effect. Just like a button is really pressed. See the codes below.
See the Pen Pressed Button by wpaesthetic (@wpaesthetic) on CodePen.18474
Just doing two things:
- Set the
position property of the button tag with
- Set the
top property with