Like many of you, I don’t like the abrupt opening/closing effect of the Dropdown items in Bootstrap 3 Navbar. Today, we’ll add a slide effect in those to make them behave in a pleasing manner.Read More »
In this short tutorial we’ll see how to make all YouTube videos responsive in WordPress.Read More »
Many of the WordPress themes (even some really good ones from Envato Market) do not have the necessary styles to make the tables responsive. I often see clients coming with a purchased theme complaining that the pages are not behaving as they should for smaller screens. And most of the times I find that the problem is caused by the presence of a table that lacks the responsive styles. The following two snippets are the CSS fixes I use to solve this problem. If you just want to add responsive capability for the tables inside your WordPress page editor, then use the Basic one. But if you want to make those tables look more modern and eye-catching, then use the Stylized one.Read More »
display: table-cell; ? No, it will not work as you expect in cases where absolute positioning is involved.
Actually, there is a very easy way to vertically center align elements and once you see how easy it is, you’ll never use anything else for this task. CSS3
transform property will do the job for us. Here is a pen I made for you to demonstrate the vertical center aligning with CSS3
transform.Read More »
If you have worked with the text area field in meta box for WordPress themes or plugins, you already know that the line breaks in these text areas do not show up in the front-end with a regular output of
get_post_meta() function. Those of you who haven’t yet figured out how to keep and display those line breaks in front-end view, this post is for you.
So, what exactly happens in the text area field of a meta box when you make a new line and save? These new lines are saved in the database and you can see that there is nothing wrong in the output at editor view in the back-end. The problem is that when you use
get_post_meta() function to output the text data written inside the text area field, the line breaks do not show up in the front-end view although they are still there. Here are two easy ways of displaying those line breaks in front-end (for the purpose of easy understanding, let’s assume you have text area my-meta-field in a meta box and you going to
echo it): Read More »
This week, Tafsirul, a designer from my team asked me how to use Font Awesome icons in Photoshop. At first, I was a bit surprised thinking about what might be the issue here that was causing him trouble. But then I noticed that, although it is clearly instructed in the website, if someone goes to Font Awesome Homepage, it gets a bit confusing to find out the instruction page. I felt like sharing the process here so that others can do it easily as well.Read More »