You might have seen some of the popular websites having a search icon with a nice looking toggle effect. Some of them showing full-screen toggle and some search box toggle. In this tutorial I am sharing you Steps for achieving search box toggle effect with the help of code snippets, the theme am using is Twenty Sixteen.
There are quite a few custom css plugins , however majority of them apply the custom css site wide. If you want to apply the css to a specific page, then one approach is to make edits to the theme functions.php file. However this approach is not recommended , as the changes will be lost if you change the theme.
In this tutorial I will share a simple technique to add custom css to a specific Page or Post in WordPress. The best part is that we don’t need to make any edits to the templates files or the functions.php file. We will achieve this without using any custom css plugin.
WordPress adds a class of .current-menu-item to menu item for the page which is being currently viewed by the user. In order to highlight the active page, you can simply add css to target this class. Simply use a custom css plugin to add the rules.
Hey Guys, In this post I will share a very simple technique to add Gray-scale Hover Effects to the images in WordPress. We will achieve these effects only using CSS. I will be sharing a couple of approaches in this Post.
1. Adding GrayScale Hover Effects to all the Images
2. Adding the Grayscale Hover Effect to the Images in a Specific Posts / Pages